HTML复习笔记

时间过的真快,记忆也丢的真快。我已经忘记了前面学习的东西,知识越来越模糊,操作越来越生疏。放假前学的HTML的基础知识都忘记了,如果学习了一些知识如果不使用这些知识就会慢慢从脑海中消失。这段时间有空,赶紧起来复习一下。HTML基础知识。


HTML基础教程

HTML基础结构

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE HTML>
<html>
<body>

<h1>我的第一个标题</h1>

<p>我的第一个段落。</p>

</body>
</html>

代码解释:

- <!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

- <html></html> 之间的文本描述网页

- <body></body> 之间的文本是可见的页面内容

- <h1></h1> 之间的文本被显示为标题

- <p></p> 之间的文本被显示为段落


HTML常用标签/元素

标签 描述 样例
<title>……</title> 整个网页的标题
<h1>……</h1> 文本标题
<p>……</p> 段落标签
<a>……</a> HTML链接 <a href=”This">http://www.w3school.com">This is a link</a>
<img> HTML 图像 <img src=”w3school.jpg” width=”104” height=”142” />
<br /> 空标签(换行)
<html>……</html> 定义HTML文档
<body>……</body> 定义文档主体
<hr /> 定义水平线
<!—-> HTML注释
<u>……</u> 下划线文本
<table>……</table> 表格
<tr>……</tr> 表格行
<td>……</td> 表格列
<th>……</th> 表格表头
<thead>……</thead> 定义表格的页眉
<tbody>……</tbody> 定义表格的主体
<tfoot>……</tfoot> 定义表格的页脚
<ul>……</ul> 定义无序列表
<li>……</li> 定义列表项
<ol>……</ol> 定义有序列表
<dl>……</dl> 定义自定义列表
<dt>……</dt> 定义自定义列表项
<dd>……</dd> 定义定义的描述
<div>……</div> 定义文档中的分区或节
<span>……</span> 定义 span,用来组合文档中的行内元素

更多样式可见:HTML教程