首页 > Web开发 > 详细

网页开发学习笔记一: 初识HTML

时间:2017-02-23 14:07:48      阅读:183      评论:0      收藏:0      [点我收藏+]
<!-- 声明文档类型 -->
<!DOCTYPE html>

<!-- 根标签 -->
<html>

    <!-- 头部标签 -->
    <head>

        <!-- 标题标签 -->
        <title> HTML5 学习笔记 </title>

    </head>
    <!-- 主体标签 -->
    <body>
        笔记详情

    <div>第一个笔记</div>
    <div>第一个笔记</div>
    <div>第一个笔记</div>
    <div>第一个笔记</div>

    <!-- 换行标签 -->
    <br>

    <!-- 水平线标签 -->
    <hr>

    <!-- 段落标签 -->
    <p>
    第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记
    </p>

    <p>
    第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记
    </p>

    <!-- 标题标签 -->
    <h1>好好好好好</h1>
    <h2>好好好好好</h2>
    <h3>好好好好好</h3>
    <h4>好好好好好</h4>
    <h5>好好好好好</h5>
    <h6>好好好好好</h6>

    <!-- 文本标签 -->
    <font size="6" color="red">AAAAAAA</font>

    </body>

</html>
 
HTML 标签分类
 
    单标签: <!DOCTYPE html>
 
    双标签: <html></html>    <head></head>    <body></body>
 
 
HTML 标签关系分类
 
    包含(嵌套关系): <head> <title></title> </head>    父子
 
    并列关系: <head></head> <body></body>        兄弟姐妹
 
 
Sublime 常用快捷键
 
    html + tab                      HTML 结构代码
 
    tab                              补全标签代码
 
    command + shift + d           快速复制一行
 
    command + shift + f            查找替换
 
    command + f                     查找
 
    command + /                      注释
 
    command + l                     快速选中一行
 
    command + control +        快速移动一行
 
 
HTML 标签
 
    单标签    
        注释标签:        <!- -   - ->
        换行标签:        <br />
        水平线标签:      <hr />
 
    双标签
        段落标签:        <p></p>
        标题标签:        <h1></h1> 取值到 <h6></h6>
                  注意:      h1: 在一个页面只能出现一次
        文本标签:        <font></font>
 

网页开发学习笔记一: 初识HTML

原文:http://www.cnblogs.com/fanxiaocong/p/6432960.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!