HTML基础知识点深度解析与应用

版权申诉
0 下载量 106 浏览量 更新于2024-11-01 收藏 252KB ZIP 举报
资源摘要信息:"HTML知识点总结(一)共2页.pdf.zip" 知识点一:HTML基础 1. HTML全称为超文本标记语言(HyperText Markup Language),是构建网页内容和网页结构的基础。 2. HTML文档通常由.html或.htm文件扩展名标识。 3. HTML页面的结构主要由html标签开头和结尾,其中包含head和body两大部分。 4. head部分包含了网页的元数据,如编码声明<meta charset="UTF-8">,标题<title>,以及引入外部资源等。 5. body部分是网页的可见部分,包含文本、图像、链接等各种内容。 知识点二:HTML基本标签 1. 文档结构标签:<!DOCTYPE html>声明文档类型,<html>是页面的根元素。 2. 标题标签:<h1>到<h6>定义六个不同级别的标题。 3. 段落标签:<p>用于创建段落。 4. 链接标签:<a href="URL">定义超链接,可以链接到其他网页、文件、邮箱地址等。 5. 图像标签:<img src="URL" alt="文本">用于嵌入图片,alt属性为图片提供替代文本。 知识点三:HTML格式化标签 1. 加粗标签:<b>或<strong>,用于强调文本。 2. 斜体标签:<i>或<em>,用于表示强调或不同语调。 3. 下划线标签:<u>,用于给文本添加下划线。 4. 删除线标签:<s>或<del>,用于表示删除或不再相关的内容。 5. 预格式化文本:<pre>,保持文本的格式,包括空格和换行。 知识点四:列表与表格 1. 无序列表:<ul>和<li>,创建没有特定顺序的列表项。 2. 有序列表:<ol>和<li>,创建按数字或字母排序的列表项。 3. 定义列表:<dl>、<dt>和<dd>,用于创建具有术语和定义的列表。 4. 表格标签:<table>、<tr>、<th>、<td>,分别用于创建表格、表格行、表头单元格和表格单元格。 5. 表格合并单元格:<rowspan>和<colspan>属性,用于合并多个单元格。 知识点五:表单标签与输入类型 1. 表单标签:<form action="URL" method="get/post">,用于收集用户输入数据。 2. 输入元素:<input>,可以创建多种类型的输入控件,如文本框、密码框、复选框、单选按钮、提交按钮等。 3. 文本域标签:<textarea>,用于输入多行文本。 4. 下拉列表标签:<select>和<option>,用于创建下拉选择框。 5. 标签:<label>,与输入元素关联,提升用户界面的可用性和可访问性。 知识点六:HTML文档注释 1. 注释标签:<!-- 注释内容 -->,用于在HTML代码中添加注释,不会显示在浏览器中,但可以提高代码的可读性。 知识点七:HTML5新特性(可选) 1. 新的语义元素:<header>、<footer>、<section>、<article>、<nav>等。 2. 表单增强:新类型的输入控件如日期、时间、颜色选择器等。 3. 媒体标签:<audio>和<video>,分别用于嵌入音频和视频内容。 4. 绘图标签:<canvas>,用于使用JavaScript进行绘图。 5. 本地存储:Web Storage和IndexedDB,提供客户端数据存储的方式。 注意:压缩包子文件的文件名称列表中出现的"赚钱项目"与HTML知识点无关,可能是文件夹名称或误输入,不纳入知识点总结中。