2 HTML简介&标签嵌套和并列关系&文档声明

时间:2023-03-09 08:27:07
2 HTML简介&标签嵌套和并列关系&文档声明

HTML:Hyper Text Markup Language  超文本标签语言(hyper:精力旺盛的 markup:标记 n noun)

  • HTML不是编程语言,而是一种标记语言(就是一套标记标签),用于描述网页,是网页制作必备的。
  • 超文本是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素。
  • HTML的结构包含头和主题,头提供网页信息,主体提供网页的具体内容。
  • HTML文档包含标签和文本内容,HTML文档也叫作web页面
  • HTML标签和HTML元素通常都是同一个意思

网页的本质就是超文本标记语言结合其他的web技术(脚本语言、公共网管接口、组件等)创造出来的。万维网(web)建立在超文本基础知识。

HTML骨架格式:

<html>   根标签

  <head>  头标签

      <title></title> 标题标签

  </head>

  <body>主体标签

  </body>

</html>

  • 根标签:HTML中标签的根节点
  • 头标签:用于存放:title,meta,base
  • 标题标签:让页面有一个属于自己的标题
  • 主体标签:页面的主题部分

html和body标签是父子关系,也叫嵌套关系。

head和body是兄弟关系,也叫并列关系。

web浏览器:

不会直接显示HTML标签,而是其通过使用标签来决定如何向用户展示HTML页面的内容。

<!DOCTYPE>声明:

用途:标准通用标记语言的文档类型声明,帮助浏览器正确显示网页。

特点: 不区分大小写。以下均可用。

  • <!DOCTYPE html>
  • <!DOCTYPE HTML>
  • <!doctyPe htML>
  • <!DOCTYPE Html>

在不同的HTML版本中文档类型的声明不相同。

  • HTML5:<!DOCTYPE html>
  • HTML 4.01:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  • XHTML 1.0:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

中文编码:

在头标签的子标签meta中设置charset为UTF-8

<meta charset="UTF-8">   charset:字符集