美文网首页
HTML基础语法

HTML基础语法

作者: mengqingone | 来源:发表于2018-01-10 16:17 被阅读0次
    1、HTML语法
      1、标记
         <> 组成
         双标记:<标记></标记>
         单标记:<标记>或<标记/>
      2、元素
         即标记
         1、嵌套
            <元素>
          <元素></元素>
        </元素>
        1、必须完整嵌套
        2、被嵌套要加缩进
    
        注意:
          1、行内元素不要嵌套块级元素
             <b>
               <div></div>
             </b>
          2、p标记中不允许嵌套其他块级元素
             <p>
               <div></div>
             </p>
             <p>
               <h1></h1>
             </p>
             <p>
            <p></p>
             </p>
         2、属性
            <元素 属性="值" 属性="值"></元素>
      3、注释
         <!-- 注释内容 -->
    2、HTML文档结构
       1、文档类型声明
         <!doctype html>
       2、HTML页面
         <html></html>
         1、头部内容
            <head></head>
        1、<title></title>
        2、<meta charset="utf-8">
        charset:编码,字符集
         2、页面主体内容
            <body></body>
        属性:
          1、text
             设置 页面 文本的颜色
          2、bgcolor
             摄者 页面 背景颜色
    
             bgcolor(html元素属性)
             和
             background-color(css样式属性)
    3、文本标记
      1、特殊字符
         空格:&nbsp;
         < : &lt;
         > : &gt;
         <=: &lt;=
         © : &copy;
         ¥: &yen;
      2、文本标记
         1、文本样式
        加粗:<b></b>
        倾斜:<i></i>
        下划线:<u></u>
        删除线:<s></s>
        上标:<sup></sup>
        下标:<sub></sub>
        以上六个元素 全部都是 行内元素,不具备 align 属性
         2、标题元素
            <h#></h#>
        <h1></h1>
        ...
        <h6></h6>
        块级元素, 允许使用 align 属性
         3、段落元素
            <p></p>
         4、块分区-div
            <div></div>
        作用:布局
         5、行内分区-span
            作用:包裹文本,施加样式
         6、换行
            <br>
         7、水平线
            <hr>
          size
          width
          color
          align
         8、预格式化
            <pre></pre>
         9、块级元素 和 行内元素
            1、块级元素
           独占一行
           作用:布局
           display:block;
        2、行内元素
           一行内允许显示多个元素
           作用:处理文本
           display:inline;
    
    

    相关文章

      网友评论

          本文标题:HTML基础语法

          本文链接:https://www.haomeiwen.com/subject/olbonxtx.html