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

版权申诉

149 浏览量更新于2024-11-01 收藏 252KB 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知识点无关，可能是文件夹名称或误输入，不纳入知识点总结中。

资源目录

收起资源包目录