认识HTML

网页基本结构图

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编辑器以及汉化

感谢🙏以上链接的作者

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 什么是HTML HTML其实是HyperText Markup Language的缩写, 超文本标记语言 HTM...
    极客江南阅读 22,071评论 29 196
  • 什么是HTML HTML其实是HyperText Markup Language的缩写, 超文本标记语言 HTML...
    cheney0217阅读 3,157评论 0 1
  • HTML:超文本标记语言; 1.什么是HTML标记语言:表示网页信息的符号标记语言 特点: 可以设置文本的格式; ...
    special_wen阅读 2,958评论 0 2
  • ## HTML基础-认识HTML # head标签 # title标签 # body标签 # meta标签(字符集...
    KsKison阅读 3,434评论 0 2
  • 我们做的每一件事情都是带有目的性的,只是这目的性有好有坏。我们不深究这个问题,今天我想要分享的是:一件事情,你怎...
    _timedayly阅读 2,695评论 0 4

友情链接更多精彩内容