美文网首页
01.21 认识html

01.21 认识html

作者: xxxQinli | 来源:发表于2019-01-21 17:20 被阅读0次

    1.web标准

    • web前端开发主要包含三个内容:html、css、js(javascript)

    • 内容标准: html(主要负责网页中的显示什么内容)

    • 表现标准: css(主要负责网页中内容的布局和样式)

    • 行为标准: js(主要负责网页中内容的改变)


    2.什么是html(超文本标记语言, 类似markdown)

    • 超文本 - 除了文字还可以标记其他内容,比如:图片、音频、视频、flash、按钮、输入框、超链接等....

    • 标记语言 - 通过不同的标记让内容以不一样的形式展示出来, 如果语法错只会影响当前被标记的内容,不会影响其他内容


    3.html基本结构

    • html都是由不同的标签(标记)组成的

    • 1)语法

      • a.标签语法:

      • 常规标签(双标签): <标签名 属性名1=属性值1 属性名2=属性值2>内容</标签名>

      • 单标签: <标签名 属性名1=属性值1 属性名2=属性值2> 或者 <标签名 属性1=属性值1 属性2=属性值2/>

      • b.说明:

      • <> - 固定写法

      • 标签名 - 标签名和前面的'<'、'/'或者后面和后面的'>'之间不能有空隙

      • 必须写html提供的标签(不是自己随便命名的)

      • 属性 - 属性是由属性名和属性值组成,属性名和属性值之间用=连接;多个属性之间用空格隔开

      • 属性名一般不是自己命名,不同标签有不同的属性

      • 内容 - 只有双标签才有;可以是任何东西(文本或者其他标签)

      • 常规标签是由开始标签和结束标签两个部分组成, 单标签没有结束标签。单标签有哪些、双标标签有哪些是固定的。

    • 2)网页内容结构

    <html>
      <head>
    
      </head>
      <body>
    
      </body>
    </html>
    

    4.html版本

    • 狭义的h5 - 指的是html5

    • 广义h5 - 指的是html5+css3+js

    <!-- 当前html版本是html5 -->
    <!DOCTYPE html>
    <html>
        <head>
            <!--
        head中主要包含:meta、title、link、style、script、base
            -->
        <!--设置当前页面的文本编码方式-->
            <meta charset=“utf-8”/>
        <!--设置网页标题-->
        <title>认识html</title>
        </head>
        <body>
            <h1>12345</h1>
            <h2>55456</h2>
        </body>
    </html>
    
    
    

    相关文章

      网友评论

          本文标题:01.21 认识html

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