HTML 入门级知识点总结

发布时间：2024年01月17日
  1. HTML文档结构：
  • HTML文档以??<!DOCTYPE html>??声明文档类型。
  • ??<html>??元素是整个HTML文档的根元素。
  • ??<head>??元素包含文档的元信息，如标题、字符集、样式和脚本引用。
  • ??<title>??元素定义文档标题，显示在浏览器标签页上。
  • ??<body>??元素包含页面的主要内容。
  1. HTML元素：
  • HTML元素由开始标签、内容和结束标签组成，例如：??<p>这是一个段落</p>??。
  • 有些元素是空元素，没有结束标签，例如：??<br>???、??<img>??。
  1. 常用HTML元素：
  • 标题元素：??<h1>???到??<h6>??，用于定义标题。
  • 段落元素：??<p>??，用于定义段落。
  • 超链接元素：??<a>??，用于创建超链接。
  • 图像元素：??<img>??，用于插入图像。
  • 列表元素：??<ul>???（无序列表）、??<ol>???（有序列表）、??<li>??（列表项）。
  • 表格元素：??<table>???、??<tr>???、??<td>??，用于创建表格。
  • 表单元素：??<form>???、??<input>???、??<button>??，用于创建表单。
  1. HTML属性：
  • HTML元素可以具有属性，为元素提供附加信息。
  • 属性以键值对的形式出现，例如：??<a href="https://www.example.com">链接</a>??。
  1. HTML注释：
  • 注释用??<!-- 注释内容 -->??的格式添加到HTML代码中，不会在浏览器中显示。
  1. HTML版本：
  • HTML有不同的版本，如HTML4、HTML5等。HTML5是当前主流版本，引入了许多新特性和改进。
  1. HTML语义化：
  • HTML应该按照语义规范编写，以便更好地描述文档结构，提高可访问性和搜索引擎优化。
  1. 嵌套与块级/内联元素：
  • HTML元素可以嵌套，但要确保正确关闭和嵌套元素。
  • 元素可以分为块级元素（如??<div>???、??<p>???）和内联元素（如??<span>???、??<a>??）。
  1. 表单和输入元素：
  • 表单用于收集用户输入数据，包括文本框、单选框、复选框、下拉框等输入元素。
  1. 多媒体元素：
  • ??<audio>???和??<video>??元素用于嵌入音频和视频。
  • ??<iframe>??元素用于嵌入其他网页。
HTML标签：
  1. 文档结构标签：
  • ??<!DOCTYPE html>??：声明HTML文档类型。
  • ??<html>??：HTML文档的根元素。
  • ??<head>??：包含文档的元信息，如标题、字符集等。
  • ??<title>??：定义文档标题。
  • ??<body>??：包含页面的主要内容。
  1. 文本标签：
  • 标题：??<h1>???到??<h6>??。
  • 段落：??<p>??。
  • 强调：??<em>???（斜体）和??<strong>??（粗体）。
  1. 列表标签：
  • 无序列表：??<ul>???，列表项使用 ??<li>??。
  • 有序列表：??<ol>???，列表项同样使用 ??<li>??。
  1. 超链接和图像标签：
  • 超链接：??<a>???，使用 ??href?? 属性指定链接目标。
  • 图像：??<img>???，使用 ??src?? 属性指定图像源。
  1. 表格标签：
  • ??<table>??：定义表格。
  • ??<tr>??：定义表格行。
  • ??<td>??：定义表格数据单元格。
  • ??<th>??：定义表头单元格。
  1. 表单标签：
  • ??<form>??：定义表单。
  • ??<input>??：用于创建输入字段，如文本框、复选框等。
  • ??<select>??：定义下拉框。
  • ??<textarea>??：定义多行文本输入框。
  • ??<button>??：定义按钮。
  1. 多媒体标签：
  • ??<audio>??：嵌入音频。
  • ??<video>??：嵌入视频。
  • ??<iframe>??：嵌入其他网页。
  1. 样式和区块标签：
  • ??<div>??：定义文档中的块级容器，用于组织内容。
  • ??<span>??：定义文档中的内联容器，用于样式部分文本。
HTML属性：
  1. 全局属性：
  • ??class??：为元素定义一个或多个类名。
  • ??id??：为元素定义唯一的标识符。
  • ??style??：为元素添加行内样式。
  • ??data-*??：自定义数据属性。
  1. 超链接和图像属性：
  • ??href??：定义超链接的目标地址。
  • ??src??：定义图像的源文件地址。
  1. 表格属性：
  • ??colspan??：定义单元格跨越的列数。
  • ??rowspan??：定义单元格跨越的行数。
  1. 表单属性：
  • ??action??：定义表单数据提交的URL。
  • ??method??：定义表单数据的提交方式（GET或POST）。
  1. 输入元素属性：
  • ??type??：定义输入字段的类型（text、checkbox、radio等）。
  • ??name??：定义输入字段的名称。
HTML相关技术：
  1. HTML5新特性：
  • 语义化标签：??<header>???、??<nav>???、??<article>??等。
  • 表单增强：新输入类型如??<input type="date">??。
  • 本地存储：??localStorage???和??sessionStorage??。
  • 媒体元素：??<audio>???和??<video>??。
  1. 嵌套与DOM（文档对象模型）：
  • 了解HTML元素的正确嵌套和DOM的概念，以便通过JavaScript操纵网页。
  1. 字符实体和转义字符：
  • 使用 ??&lt;??? 表示 ??<???，??&gt;??? 表示 ??>?? 等字符实体。
  1. HTML注释和条件注释：
  • 使用 ??<!-- 注释 -->?? 添加注释。
  • 使用条件注释根据条件加载特定的HTML内容。
文章来源:https://blog.csdn.net/weixin_59383576/article/details/135654851
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
最新文章