美文网首页
认识HTML

认识HTML

作者: Eugene_iOS | 来源:发表于2017-01-10 17:14 被阅读9次
    网页基本结构图

    HTML是什么?

    定义:HTML 是用来描述网页的一种语言

    • HTML 指的是超文本标记语言: HyperText Markup Language
    • HTML 不是一种编程语言,而是一种标记语言
    • 标记语言是一套标记标签 (markup tag)
    • HTML 使用标记标签来描述网页
    • HTML文档也叫做 Web 页面

    作用: 专门用来给文本添加语义的,也就是说我们可以利用HTML来告诉浏览器纯文本中哪些是标题, 哪些是段落。

    注意:一定要记住, HTML只有一个作用, 它是专门用来给文本添加语义的, 而不是用来修改文本的样式的。例如:h1标签会使字体变大和加粗,并不是说h1标签可以修改文字的大小, 可以将文字加粗。而是h1标签的作用就是用来告诉浏览器, 哪些文字是标题,也就是说h1标签是专门用于给指定的文字添加标题语义的。

    网页的固定格式

    网页的基本结构

    <html>
      <head>
          <title></title>
      </head>
      <body>
      </body>
    </html>
    
    可视化的HTML页面结构
    结论: HTML基本结构中所有的标签都是成对出现的, 这些成对出现的标签中一个带/、一个不带/, 那么这些不带/的标签我们称之为开始标签, 这些带/的我们称之为结束标签
    提示:只有 <body>�区域 (�白色部分) �才会在浏览器中显示,其他部分都不会显示在网页上面。

    HTML 标签

    HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

    • HTML 标签是由尖括号包围的关键词,比如 <html>

    • HTML 标签通常是成对出现的,比如 <head> 和 </head>

    • 标签对中的第一个标签是开始标签,第二个标签是结束标签

      • HTML标签分类
        • 单标签
    <meta charset="UTF-8" />
    
      * 双标签
    
    <html>
    </html>
    
    • HTML标签关系分类
      • 并列关系
      <head>
      </head>
      <body>
      </body>
       ```
      
      * 嵌套关系
      
      <head>
      <meta charset="UTF-8">
      <title>百度一下,你就知道</title>
      </head>
      
      

    基础标签的作用与注意点(看图)

    百度网页展示基础标签的作用与注意点

    写在最后:开发工具推荐安装WebStorm

    WebStorm 有哪些过人之处?
    Mac下载、破解、安装WebStorm编辑器以及汉化

    感谢🙏以上链接的作者

    相关文章

      网友评论

          本文标题:认识HTML

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