### HTML知识点汇总 #### 第一章 HTML基础知识 **1、HTML简介** - **HTML (Hypertext Markup Language)**:超文本标记语言,一种用来描述网页结构的语言。 - **用途**:利用HTML,开发者可以通过一系列的标签来定义文档的结构、布局及超链接信息。 - **来源**:HTML是从SGML (Standard Generalized Markup Language)的一个子集演变而来。 **2、HTML的标记组成** - **标记定义**:HTML中的标记是用来描述文档结构的符号。 - **标记的分类**: - **单标记**:仅有一个标记,无需闭合。例如:`<br/>`(换行)。 - **双标记**:有头有尾的标记,例如:`<p>` 和 `</p>`(段落)。 - **XHTML的要求**: - 所有标记均应为小写。 - 所有标记属性必须加上双引号。 - 单标记也需闭合,例如 `<img src="image.jpg" />`。 **3、HTML基本结构** - **文档结构**: ```html <html> <head> <title>网页标题</title> </head> <body> <!-- 正文内容 --> </body> </html> ``` - **注意事项**: - `<title>` 必须位于 `<head>` 内部。 - `<body>` 包含页面的主要内容。 - 注释使用 `<!-- 注释内容 -->`。 --- #### 第二章 文字与图像 **1、设置文字字体、大小与颜色** - **语法**:`<font face="字体" size="大小" color="颜色">文字</font>` - **属性说明**: - `face`:设置字体类型,如宋体。 - `size`:设置字体大小,通常为1-7之间的整数。 - `color`:设置字体颜色,支持十六进制值或颜色名称。 **2、设置正文的标题** - **语法**:`<h#>标题文字</h#>`,其中 `#` 代表1-6之间的整数。 - **说明**:`<h1>` 至 `<h6>`,字号依次减小。 **3、设置段落** - **语法**:`<p>段落内容</p>` - **作用**:定义一个段落。 **4、强制换行与不换行** - **强制换行**:`<br/>` - **强制不换行**:使用CSS样式控制,如:`<span style="white-space: nowrap;">文本</span>`。 **5、字体标记** - **物理字体**: - `<b>`:加粗。 - `<i>`:斜体。 - `<u>`:下划线。 - `<s>`:删除线。 - `<sup>`:上标。 - `<sub>`:下标。 - `<tt>`:等宽字体,常用于显示代码或输出结果。 - **逻辑字体**: - `<em>`:强调文字,通常表现为斜体。 - `<strong>`:强调文字,通常表现为加粗。 - `<code>`:用于显示编程代码。 - `<samp>`:用于显示样本输出。 - `<kbd>`:键盘输入。 - `<small>`:缩小字体。 - `<big>`:增大字体(不推荐使用,最好使用CSS来替代)。 **6、文字对齐** - **使用`align`属性**: - `<p align="left/right/center">文本</p>`:左、右、居中对齐。 - **使用`<center>`标签**(不推荐,最好使用CSS): - `<center>居中文本</center>`。 **7、列表** - **无序列表**:`<ul type="disc/square/circle">` - `<li>`:列表项。 - **有序列表**:`<ol type="A/a/I/i/1">` - `<li>`:列表项。 - **定义列表**: - `<dl>` - `<dt>`:定义项。 - `<dd>`:定义描述。 **8、其他方式修饰文本** - **预格式化文本**:`<pre>`,保持文本原有的格式。 - **变量样式斜体字**:`<var>`,用于表示变量。 以上是关于HTML的一些基础知识点和常见应用技巧。通过这些知识点的学习,你可以构建出基本的网页结构,并能够对文本进行一定的格式化处理。接下来,可以进一步学习更高级的HTML标签和特性,以及如何结合CSS和JavaScript来创建更加动态和交互丰富的网站。
剩余18页未读,继续阅读
- 粉丝: 2
- 资源: 8
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助