HTML学习总结

定义

HTML是超文本标记语言（HyperText Markup Language）的缩写。我们用 HTML 来构建 Web 页面即所谓的网页。

“超文本”（hypertext）是指连接单个网站内或多个网站间的网页的链接。链接是网络的一个基本方面。只要将内容上传到互联网，并将其与他人创建的页面相链接，你就成为了万维网的积极参与者。

标签

1.开始标签（Opening tag）：包含元素的名称（本例为 p），被左、右角括号所包围。表示元素从这里开始或者开始起作用 —— 在本例中即段落由此开始。

2.结束标签（Closing tag）：与开始标签相似，只是其在元素名之前包含了一个斜杠。这表示着元素的结尾 —— 在本例中即段落在此结束。初学者常常会犯忘记包含结束标签的错误，这可能会产生一些奇怪的结果。

3.内容（Content）：元素的内容，本例中就是所输入的文本本身。

4.元素（Element）：开始标签、结束标签与内容相结合，便是一个完整的元素。

属性

元素是可以有相关属性的。属性包含元素的额外信息，这些信息不会在浏览器中显示出来。

<!-- 带属性的段落输入框 -->
<p title="标题"></p>
<!-- 带属性的输入框 -->
<input type="text">
<input type="password">

一个属性必须包含如下内容：

• 一个空格，在属性和元素名称之间。(如果已经有一个或多个属性，就与前一个属性之间有一个空格。)

• 属性名称，后面跟着一个 = 号。

• 一个属性值，由一对引号 “” 引起来。

标题

HTML 提供了从大到小6级标题，分别是：h1~h6，如下所示：

在页面中，标题非常重要：

搜索引擎用标题来索引页面的内容
用户也习惯以标题进行主要内容浏览，以决定是否查看该页面

文本格式

<font、big、center>等标签都不建议用来进行格式的设置

超链接

超链接语法

<a href="https://www.baidu.com/" target="_blank">百度</a>

说明：

href即为要跳转去的地址 URL（Uniform Resorce Locator)
target属性为_blank表示在新的页面打开超链接（默认是在当前页面打开即_self）
超链接标签包含的内容（当前为文字"百度一下"）即为显示在页面上供用户点击的

注意：

元素的id值必须是唯一的，也即页面不能再有其它元素的id值为C4
超链接中的地址需要有#符号

表格

我们使用table等标签来呈现表格

• tr表示行, td表示行中的单元, th是表头的单元

列表

• 无序列表
  无序列表使用ul标签，默认使用实心圆点作为每项的标志，其它的标志可以是空心圆circle，实心方块square以及不出现标志。
• 有序列表
  有序列表使用ol标签，默认使用数字作为每项的标志，其它的标志可以是大写字母A，小写字母a，罗马字母i等

表单

注意： 当提交时，表单中没有name属性的元素将不会提交，比如上面工作日期的选择器。有name属性的元素其value的值将提交给服务器。

文献
[1]: 棋歌网
[2]: CSDN