美文网首页
认识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

    1.认识html 1.什么是html html是超文本标记语言 超文本- 除了文字以外,还可以对图片、视频、音频、...

  • 认识HTML

    HTML和XHTML、HTML5区别 在HTML的早期发展中,大部分标准都是所谓的retro-spec,即先有实现...

  • 认识HTML

    HTML、XML、XHTML的区别 首先,这三种都是标记语言,是html书写的规范。 HTMLhtml 是超文本标...

  • 认识HTML

    Web服务器能做什么? 服务器就是一个连接到互联网的计算机,全天候等待浏览器的请求。每个服务器会存储HTML文件、...

  • 认识html

    HTML(Hyper text markup languag)超文本标记语言 Html结构标准 < ! ...

  • 认识HTML

    HTML是什么? 定义:HTML 是用来描述网页的一种语言 HTML 指的是超文本标记语言: HyperText ...

  • 认识HTML

    HTML、XML、XHTML 有什么区别 html即是超文本标记语言,语法较为松散,不严格的web语言 XML既是...

  • 认识HTML

    html:超文本标记语言。 给一些文本添加语义,以便区分哪些文字是标题,哪些文字是段落。用于描述文本语义的文本,例...

  • 认识HTML

    什么是HTML HTML其实是HyperText Markup Language的缩写, 超文本标记语言*HTML...

  • 认识 HTML

    HTML 为超文本标记语言 (Hyper Text Markup Language),它是用来描述网页的一种语言,...

网友评论

      本文标题:认识HTML

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