html常用标签总结_一个html可以有几个head-CSDN博客

本文链接：https://blog.csdn.net/qq_43685816/article/details/86482577

HTML常用标签总结

DOCTYPE

用来选择文档类型,位于第一行，大写
例：<!DOCTYPE html>

<html>

html标签是一张网页中最外层的标签，通常包含网页所有的内容
一张网页必须存在且只能有一个html标签

<body>

页面中所有可见的元素都应该存放在body标签中
不可见的元素一般存放head标签中

<head>

head标签用于储存一些必要的元信息，这些信息并不会显示在网页中，但可以为浏览器和搜索引擎所用
一个张网页中只能有一个head标签，尽量不要放一些用于显示的元素

<meta>

HTML 文档的元信息，常用charset属性声明当前文档所使用的字符编码，例<meta charset='UTF-8'>

<title>

title标签用来指定一个页面的标题，显示在浏览器的标签栏
搜索引擎会将title标签的内容作为其搜索结果的标题

<h1/2/3/4/5/6>

标题标签，共有六个，h1用来概括整个页面的主题，一般一个页面只用一个h1标签，其他的可以有多个
h1即一级标题，h2为二级标题，依次递减
可以内嵌子元素

<p>

p标签，即paragraph段落标签，用于划分段落，可以嵌套

<div><span>

即division 用于划分元素，相当于“盒子”，没有语义
一般是网页中最常见且用得最多的标签，可以多层嵌套
span和div一样，用于横向划分

<a><form>

a即anchor锚链接标签用于指定网页中的链接，网页中的链接都是由a标签完成的
用href属性（hypertext reference）指定链接地址
用target属性为"_self"（默认属性）时在当前页面打开，"_blank"时在新页面打开"_parent" 加载响应到父窗口。"_top"在顶层浏览窗口打开。
download属性表示浏览器要下载url并不加载

form为表单标签，可以向服务器提交信息。form表单中必须要有提交按钮
action属性指定处理这个form信息的程序所在的地址。
method属性指定提交表单的方法，常用的值有:
post，指的是 HTTP POST 方法，表单数据会包含在表单体内然后发送给服务器;
get，指的是 HTTP GET 方法，表单数据会附加在 action 属性的URI中，并以 ‘?’ 作为分隔符, 然后这样得到的 URI 再发送给服务器;
target属性指定在提交表单之后，显示收到回复的地址

<b><strong><small><big>

b标签为粗体,strong用于标记重要的内容
small即字体小一号,big相反,使字体变大一号

<br><hr><img>

这三个标签都没有结束标签，不能有子元素
<br>用来换行 <hr>用来划分割线
<img>即image图片,用src属性描述图片地址，描述地址可使用网络地址，如：<img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3665098276,1554444016&fm=26&gp=0.jpg"
也可使用本地的图片地址，如：<img src="img/picture01.jpg">
可以支持多种图片格式，如jpg、gif、svg等。
图片地址出错时图片则无法显示，此时可以使用alt属性标记文字来替代挂掉的图片。

<kbd><video><audio><svg>

kbd 用于表示键盘,video用来播放视频,audio用来播放音频,svg为不规则图片

<table><tr><td><th><thead><tbody>

表格相关标签
<table> 将表格包含起来的“盒子”，存放表格内容 border属性可以指定其边界
<tr>表格中的一行元素
<td>表格中的一个元素
<th>表头元素
<thead><tbody>存放表头和表身的“盒子”

<ul><ol><li>

<ul>un-ordered list无序列表
<ol>ordered list有序列表
<li>list item列表中的一条项目

<header><footer>

其本身功能和div标签相同，但其有语义，表示一张网页的头和尾部
头部一般为导航栏，尾部一般为超链接组

<link><script>

这两个标签用于封装样式
<link> 无结束标签，用于加载指定样式表使用href属性指定地址
<script> 用于加载指定脚本，中间可以写指令，可对浏览器的行为做出修改，用src指定地址
使用示例

<script>
alert("hello")
</script>

<input>

input标签用于接受来自用户的数据。
type属性的常用值及含义如下：
text：单行字段；换行会将自动从输入的值中移除。
button：无缺省行为按钮，若不设置type，默认为 submit 按钮。
checkbox：复选框。
password：一个值被遮盖的单行文本字段。
radio：单选按钮。必须使用 value 属性定义此控件被提交时的值。在同一个”单选按钮组“中，所有单选按钮的 name 属性使用同一个值。
reset：用于将表单所内容设置为缺省值的按钮。
submit：用于提交表单的按钮。

<button>

按钮标签，通常不单独出现，通常和form表单或JS结合
使用示例

<from>
username:<input><br>
password:<input><br>
<button>Login</button>
</from>

<abbr>

即abbreviation 缩写，专门用于存放缩写，便于设置其样式，属于行内元素，不会断行

<code><pre>

这两个标签用于存放代码
<code>为行内元素，即一行代码
<pre>为代码片，即一段代码

html常用标签总结

目录