0x00 什么是 HTML?
HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言,而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
0x01 HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
- HTML 标签是由尖括号包围的关键词,比如 <html>
- HTML 标签通常是成对出现的,比如 <b> 和 </b>
- 标签对中的第一个标签是开始标签,第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
0x02 HTML 文档 = 网页
- HTML 文档描述网页
- HTML 文档包含 HTML 标签和纯文本
- HTML 文档也被称为网页
0x03 HTML 基础
(1)HTML标题
HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
例:
<h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>
(2)HTML段落
HTML 段落是通过 <p> 标签进行定义的。
例:
<p>This is a paragraph.</p> <p>This is another paragraph.</p>
(3)HTML链接
HTML 链接是通过 <a> 标签进行定义的。
例:
<a href="http://www.w3school.com.cn">This is a link</a>
(4)HTML图像
HTML 图像是通过 <img> 标签进行定义的。
例:
<img src="w3school.jpg" width="104" height="142" />
0x04 HTML 元素
(1)HTML 文档是由HTML元素定义的。
(2)HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
(3)HTML 元素嵌套
(4)空的HTML元素:
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。<br> 就是没有关闭标签的空元素(<br> 标签定义换行)。
0x05 HTML 属性
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现,比如:name="value"。
属性总是在 HTML 元素的开始标签中规定。
属性例子 1:
<h1> 定义标题的开始。
<h1 align="center"> 拥有关于对齐方式的附加信息。
属性例子 2:
<body> 定义 HTML 文档的主体。
<body bgcolor="yellow"> 拥有关于背景颜色的附加信息。
属性例子 3:
<table> 定义 HTML 表格。
<table border="1"> 拥有关于表格边框的附加信息。