【JavaWeb基础 · HTML概述】

132 阅读2分钟

“这是我参与8月更文挑战的第4天,活动详情查看: 8月更文挑战

HTML语言规范

HTML实例介绍及解析

HTML是超文本标记语言(Hyper Text Markup Language)

下面是一个可视化的 HTML 页面结构实例:

<!DOCTYPE html>

<html>
<head>


<meta charset="utf-8" /> 

<title>这是页面标题(w3cschool.cn)</title>
</head>
<body>
  <h1>这是一个标题。</h1>
  <p>这是一个段落。</p>
</body>
</html>

我们来解析一下上面的代码

- <!DOCTYPE html> 声明为 HTML5 文档,doctype 声明是不区分大小写的。
- <html></html> 之间的文本描述网页。
- <head></head>之间的文本描述文档的(meta)元数据。 可以包含脚本、样式、meta 信息 以及其他更多的信息。
- <meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。如<meta charset="utf-8">定义网页编码格式为**utf-8**。( <meta> 标签通常位于 <head> 区域内。)
- <title></title> 之间的文本描述文档的标题。(<head> 中必须包含 <title>)
- <body></body> 之间的文本是可见的页面内容。
- <h1></h1> 之间的文本被显示为一个大标题。
- <p></p> 之间的文本被显示为一个段落。

HTML特点及注意事项

1.HTML文件的扩展名为html 或者htm。Htm是老的命名规范,html的新的。

2.HTML文件由浏览器直接解析执行,无需编译,直接由上到下依次解析执行。

3.HTML标签通常由开始标签和结束标签组成。例如:<font>内容体</font>开始标签和结束标签之间的内容叫做内容体

4.HTML没有内容体的标签叫做空标签。仅由一个标签组成。例如: <br/>自关闭。

5.HTML标签不区分大小写,为了方便阅读,建议使用小写。

6.HTML标签是有属性的,格式为:属性名=“属性值”,属性值用引号引起。

7.HTML标签建议包裹嵌套,不建议交叉嵌套。

  • 对于中文网页需要使用 <meta charset="utf-8">声明编码,否则会出现乱码。
  • 虽然 Web 浏览器读取 HTML 文件作为网页显示,但并不直接显示 HTML 标签。
  • HTML 标签的使用决定了如何向用户展现 HTML 页面的内容
  • 只有 <body> 区域才会在浏览器中显示

好了,关于HTML的一些基础介绍就到这里,下期我们学习HTML的一些标签。