0
点赞
收藏
分享

微信扫一扫

HTML 相关知识点总结


  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">
  • 本地存储:localStoragesessionStorage
  • 媒体元素:<audio><video>
  1. 嵌套与DOM(文档对象模型):
  • 了解HTML元素的正确嵌套和DOM的概念,以便通过JavaScript操纵网页。
  1. 字符实体和转义字符:
  • 使用 &lt; 表示 <&gt; 表示 > 等字符实体。
  1. HTML注释和条件注释:
  • 使用 <!-- 注释 --> 添加注释。
  • 使用条件注释根据条件加载特定的HTML内容。
举报

相关推荐

0 条评论