通信软件开发与应用 HTML学习总结

HTML学习总结

• • 1.HTML的含义
  • 2.HTML文档结构
  • 3.HTML元素
  • 4.HTML 文档相关说明
  • 5.标题
  • 6.文本格式
  • 7.超链接
  • 8. 图片及文件路径
  • 9. 表格 Table
  • 10. 列表 List
  • 11. 表单 Form

1.HTML的含义

HTML是超文本标记语言（HyperText Markup Language）的缩写，不是一门编程语言，是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。

2.HTML文档结构

在文件夹下新建一个 后缀名为html 的文件
在该文件中输入如下内容：

结果：

开始标签（Opening tag）：包含元素的名称（本例为 p），被左、右角括号所包围。表示元素从这里开始或者开始起作用 —— 在本例中即段落由此开始。
结束标签（Closing tag）：与开始标签相似，只是其在元素名之前包含了一个斜杠。这表示着元素的结尾 —— 在本例中即段落在此结束。初学者常常会犯忘记包含结束标签的错误，这可能会产生一些奇怪的结果。
内容（Content）：元素的内容，本例中就是所输入的文本本身。
元素（Element）：开始标签、结束标签与内容相结合，便是一个完整的元素。

4.HTML 文档相关说明

注释:为了将一段 HTML 中的内容置为注释，将其用特殊的记号包括起来， 比如：

空元素:只有一个开始标签，通常用来在此元素所在位置插入/嵌入一些东西，如等等， 比如：

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

5.标题

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

6.文本格式

我们需要知道的文本格式标签如下：

7.超链接

没有超链接就没有万维网（World Wide Web）。基本上，我们可以把任何东西加上超链接，不过常用的是文本、图片等。

8. 图片及文件路径

在页面插入一张图片如下：

9. 表格 Table

有时，页面的内容需要用表格来进行呈现。我们使用

等标签即可：

结果：

结果：

11. 表单 Form

当网站需要获取我们的一些信息如：用户名、密码、选择买什么、买多少、提出意见等等时，我们就需要使用表单（form）来让用户填写或选择。
代码：

来源：通信1班 陈港