HTML笔记整理-CSDN博客

本文链接：https://blog.csdn.net/dengna1998/article/details/109110799

HTML

HTML标签

基础

<!DOCTYPE>          定义文档类型
<html>              定义HTML文档
<titile>            定义文档的标题
<body>              定义文档的主体
<h1> to <h6>        定义HTML标题
<p>                 定义段落
<br>                定义简单的换行
<hr>                定义水平线
<!--   -->          定义注释

格式

<acronym>       定义只取首字母的缩写
<abbr>          定义缩写
<address>       定义文档作者或拥有者的联系信息
<b>             定义粗体文本
<bdi>           定义文本的文本方向，使其脱离其周围文本的方向设置
<bdo>           定义文本方向
<big>           定义大号文本
<blockquote>    定义长的引用
<center>        不赞成使用，定义居中文本
<cite>          定义引用(citation)
<code>          定义计算机代码文本
<del>           定义被删除文本
<dfn>           定义定义项目
<em>            定义强调文本
<font>          不赞成使用，定义文本的字体、尺寸和颜色
<i>             定义斜体文本
<ins>           定义被插入文本
<kbd>           定义键盘文本
<mark>          定义有记号的文本
<meter>         定义预定义范围内的度量
<pre>           定义预格式文本
<progress>      定义任何类型的任务的进度
<q>             定义短的引用
<rp>            定义若浏览器不支持ruby元素显示的内容
<rt>            定义ruby注释的解释
<ruby>          定义ruby注释
<s>				不赞成使用，定义加删除线的文本
<samp>		    定义计算机代码样式
<small>			定义小号文本
<strike>	    不赞成使用，定义见删除线文本
<strong>		定义语气更为强烈的强调文本
<sup>			定义上标文本
<sub>			定义下标文本
<time>			定义日期、时间
<tt>			定义打字机文本
<u>				不赞成使用，定义下划线文本
<var>			定义文本的变量部分
<wbr>			定义视频

表单

<form>			  定义供用户输入的HTML表单
<input>			  定义输入控件
<textarea>		  定义多行的文本输入控件
<button>		  定义按钮
<select>		  定义选择列表（下拉列表）
<optgroup>	      定义选择列表中相关选项的组合
<option>		  定义选择列表中的选项
<label>			  定义input元素的标注
<fieldset>		  定义围绕表单中元素的边框
<legend>		  定义fieldset元素的标题
<isindex>		  不赞成使用，定义与文档相关的可搜索索引
<datalist>		  定义下拉列表
<keygen>		  定义生成秘钥
<output>		  定义输出的一些类型

框架

<frame>		  定义框架集的窗口或框架
<frameset>	  定义框架集
<noframes>    定义针对不支持框架的用户的替代内容
<iframe>	  定义内联框架

图像

<img>			定义图像
<map>			定义图像映射
<area>			定义图像地图内部的区域
<canvas>		定义图形
<figcaption>	定义figure元素的标题
<figure>		定义媒介内容的分组，以及它们的标题

音频/视频

<audio>			定义声音内容
<source>		定义媒介源
<track>			定义用在媒体播放器中的文本轨道
<video>			定义视频

链接

<a>				定义锚
<link>			定义文档与外部资源的关系
<nav>			定义导航链接

列表

<ul>			定义无序列表
<ol>			定义有序列表
<li>			定义列表的项目
<dir>			不赞成使用，定义目录列表
<dl>			定义定义列表
<dt>			定义定义列表中的项目
<dd>			定义定义列表中项目的描述
<menu>			定义命令的菜单/列表
<menuitem>		定义用户可以从弹出菜单调用的命令/菜单项目
<command>		定义命令按钮

表格

<table>			定义表格
<caption>		定义表格标题
<th>			定义表格中的表头单元格
<tr>			定义表格中的行
<td>			定义表格中的单元格
<thead>			定义表格中的表头内容
<tbody>			定义表格中的主体内容
<tfoot>			定义表格中的表注内容（表注）
<col>			定义表格中一个或多个列的属性值
<colgroup>		定义表格中供格式化的列组

样式/节

<style>				定义文档的样式信息
<div>				定义文档中的节
<span>				定义文档中的节
<header>			定义section或page的页眉
<footer>			定义section或page的页脚
<section>			定义section
<article>			定义文章
<aside>				定义页面内容之外的内容
<details>			定义元素的细节
<dialoy>			定义对话框或窗口
<summary>		    为<details>元素定义可见的标题

元信息

<head>		定义关于文档的信息
<meta>		定义关于HTML文档的元信息
<base>		定义页面中所有链接的默认地址或默认目标
<basefont>	不赞成使用，定义页面中文本的默认字体、颜色或尺寸

编程

<script>		定义客户端脚本
<noscript>		定义针对不支持客户端脚本的用户的替代内容
<applet>		不赞成使用，定义嵌入的applet
<embed>			为外部应用程序（非HTML）定义容器
<object>		定义嵌入的对象
<param>			定义对象的函数

HTML5

什么是HTML5？

HTML的第五次标准的制作。
实际上它包含CSS3，跟最新的JavaScript版本，所有前端的基础是HTML语言。
HTML超文本标记语言，它的最基本单元是标签。

标签格式：

<标签名属性名=“属性值”>内容</标签名> 成对标签
<标签名属性名=“属性值” /> 单标签
属性是对改标签内容或者本质描述的一个扩展。

一个标签可以有多个属性，不同标签有可能有相同的属性也有不同属性，其标签的属性应该以手册为准。在HTML5的新标准下是允许我们对标签添加自定义属性的，只是这些属性实际上是不起效果。一般来讲是为了给标签添加数据。

HTML语言的部分特点：

不允许有多个连续的空格出现，如果有的话就会合并成一个空间。如果有需要显示多个空格的话，我们要使用特殊字符方法来显示，如：空格--
同理HTML对代码中的换行处理也当成一个空间进行处理。如果真的需要换行的话，请使用标签
.

HTML 注释标签

结构性标签

用于页面结构构造的标签。在过去一般指的是div，但是在HTML5新的标准要求下，我们需要使用语义标签。
其中最常用的是header、footer、section这三个标签
另外div标签现在已经是用于定义小块区域的标签了。

文档类标签

h1~h6 标题标签
p 段落标签

文本格式化标签

b 文本加粗
big 文字加大
i 斜体

列表标签

ol li 有序列表
ul li 无序列表

表格标签

table 表格标签
tr 行标签
td 单元格
th 表头模式的单元表格
表格中重要的属性：
colspan 当前元素格横向占了多少个格子，默认值为1

a（锚）标签

a 超链接标签，用于页面的跳转与定位
href属性该标签要跳转到的目标地址，一般情况下这个标签指向的都是本地地址。如果需要跳转到外链接地址的话，需要添加http://或者https://
绝对路径：从系统根目录开始找到目标文件的路径，所有外链的路径都是绝对路径
相对路径：从调文件开始找到被调用文件的路径

 ./		当前文件夹 		
 ../	上级文件夹

多媒体标签

img 图片标签
属性：src 加载图的地址
title 鼠标悬停时的提示信息
alt 图片加载失败时，页面显示的内容
audio 音频标签

表单标签

form 是表单域标签，一般情况下所有表单都应该使用该标签包裹
属性：
action 表单提交的地址
method 表单数据提交的方法，一般来讲使用的是post或者get。
label 是表单输入框的联系内容
属性：
for 通过ID对input标签进行绑定
form 指向指定的form表单
input 输入组件标签
属性：
readonly 当该输入组件有这个属性时，值不能改变
name 用于定义提交数据的标识，对于多选框与单选框也是用于分组
placeholder 用于当前输入框的提示信息
type 规定该组件的样子（作用）
值：
text 文本输入框
password 密码框
radio 单选框
checkbox 多选框
reset 重置按钮
hidden 隐藏输入框
select 下拉选择框
option 下拉选择框的选择项
textarea 文本输入域
img 图片按钮
H5以后多了一些关于数据验证类型输入框 number 数字数据框 email 邮箱地址输入框 date 日期输入框