HTML是HyperText Markup Language的缩写,是一种用于创建网页的标准标记语言。在本文中,我们将深入探讨HTML的一些关键知识点,包括基本结构、注释、头部标签、主体标签、特殊字符、段落、换行、缩进、预格式化、列表、标题、字体修饰、超链接、图片、表格、表单、输入元素以及框架。
1. **基本结构**:HTML文档通常由`<html>`标签开始,包含`<head>`和`<body>`两部分。`<head>`中存放元信息,如页面标题`<title>`,而`<body>`则包含页面的实际内容。
2. **注释**:HTML中的注释使用`<!--...-->`来包裹,例如`<!-- 这是一个注释 -->`,用于解释代码,但不会在浏览器中显示。
3. **头部标签<head>**:`<head>`中可以放置`<title>`来定义页面标题,还可以包含`<script>`标签用于引入JavaScript代码或定义内联脚本。
4. **主体标签<body>**:`<body>`元素是HTML文档的主要内容区,可以设置背景颜色`bgcolor`、文本颜色`text`、链接颜色`link`、已访问链接颜色`alink`、活动链接颜色`vlink`,以及背景图像`background`。
5. **特殊字符**:HTML提供了转义字符,如` `表示空格,`<`表示小于号,`>`表示大于号,`&`表示和号,`"`表示双引号。
6. **段落标签<p>**:`<p>`用于创建段落,可以设置对齐方式`align`(左、中、右、两端对齐)。
7. **换行标签<br>**:`<br>`用于强制换行,但不创建新段落。
8. **缩进标签<blockquote>**:`<blockquote>`用于创建块引用,可以嵌套以增加缩进效果。
9. **预格式化标签<pre>**:`<pre>`保持文本的原始格式,常用于展示代码。
10. **列表标签**:`<ol>`表示有序列表,`<ul>`表示无序列表,`<li>`定义列表项。
11. **标题标签<h1>至<h6>**:`<h1>`至`<h6>`分别表示六个级别的标题。
12. **字体修饰标签**:包括`<b>`(粗体)、`<i>`(斜体)、`<u>`(下划线)等。
13. **字体标签<font>**:用于设置字体、大小和颜色,但已过时,建议使用CSS替代。
14. **超链接<a>**:`<a href>`定义链接地址,`target`定义打开方式(_self、_blank等),`title`提供鼠标悬停提示。
15. **图片标签<img>**:`<img src>`指定图片源,`border`设置边框宽度。
16. **表格标签<table>**:用于创建表格,`<tr>`定义行,`<td>`定义单元格,`<th>`定义表头。
17. **说明标签<caption>**:用于添加表格的标题。
18. **框架集标签<frameset>**:允许在一个页面中显示多个独立的页面,每个`<frame>`标签定义一个框架。
19. **表单标签<form>**:用于创建用户交互的表单,`method`定义数据提交方式(GET或POST),`action`定义提交地址,`name`定义表单名称。
20. **输入元素**:如`<input>`可以创建单行文本输入框、多行文本输入框、密码输入框、单选按钮、复选框等,`type`属性定义输入类型,`name`定义后台接收的变量名,`value`设置默认值。
21. **下拉列表框<select>**:`<option>`定义选项,`multiple`属性可实现多选。
22. **按钮<button>**:`type`定义按钮类型(submit或reset),`value`定义按钮文字。
23. **图片提交<input type="image">**:利用图片作为提交按钮。
24. **列表框<datalist>`:提供预设选项的输入框。
以上就是HTML笔记中涉及的关键知识点,它们构成了网页的基本结构和元素,是网页设计的基础。掌握这些知识点对于创建和理解HTML文档至关重要。