html常用标签思维导图
WEB前端基础语言常用标签分类
树图思维导图提供 html常用标签 在线思维导图免费制作，点击“编辑”按钮，可对 html常用标签 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：74be275d0f0cb8e52ee9f6294c63317f
思维导图大纲
html常用标签思维导图模板大纲
表单标签
表单域
<form></form>
属性
action="url地址"
method=""
get
post
name="文本"
表单控件
<input />
属性
type=""
button
radio
checkbox
image
password
file
reset
submit
text
hidden
name="自定义名称"
value="自定义名称"
checked=""
maxlength="正整数"
<label></label>
步骤
第一步
<label for="xxx">文本</label>
第二步
<input type="" id="xxx" />
<select></select>
<option></option>
属性
selected="selected"
<textarea></textarea>
属性
cols="正整数"
rows="正整数"
列表标签
<ul></ul>
<li></li>
<ol></ol>
<li></li>
<dl></dl>
<dt></dt>
<dd></dd>
注
1.前者标签只允许嵌套后者标签，后者标签内可放任何内容
2.各列表间最突出的区别在于各自都拥有独特的样式，但在实际开发使用时，会使用CSS来设置
表格标签
<table></table>
属性
align=""
left：左对齐
center：居中
right：右对齐
border=""
""：没有
"1"：有
cellpadding="像素值"
cellspacing="像素值"
width="像素值 或 百分比"
height="像素值 或 百分比"
<thead></thead>
基本标签
第一层
<tr></tr>
第二层
<th></th>
<tbody></tbody>
基本标签
第一层
<tr></tr>
第二层
<td></td>
合并单元格
属性
rowspan="行数"
colspan="列数"
步骤
第一步：确定需要跨行合并还是跨列合并
第二步：确定目标单元格并在其标签中写入属性
第三步：删除多余单元格
特殊字符
注
1.由于特殊字符太多，有需要的可以到以下网站去查看
2.新手记不住没关系，会查阅资料也是一大进步，记住常用的就好
常用
https://www.runoob.com/tags/html-entities.html
全部
https://www.runoob.com/tags/ref-entities.html
https://www.runoob.com/tags/html-symbols.html
超链接标签
<a></a>
属性
href="url地址"
target=""
_self：当前页面打开（默认值）
_blank：新窗口打开
分类
外部链接
<a href="http://xxx">文本</a>
内部链接
<a href="xxx.html">文本</a>
下载链接
<a href="xxx.rar">文本</a>
空链接
<a href="#">文本</a>
网页元素链接
<a href="参考以上链接">元素链接</a>
锚点链接
第一步
<a href="#自定义锚点名">文本</a>
第二步
<h3 id="自定义锚点名">文本</a>
图像标签
<img/>
属性
src="路径"
alt="文本"
title="文本"
width="像素值"
height="像素值"
border="像素值"
路径
相对路径
上一级路径
<img src="../xxx.jpg" />
同一级路径
<img src="xxx.jpg" />
下一级路径
<img src="文件夹/xxx.jpg" />
绝对路径
<img src="C:\文件夹\xxx.jpg" />
语义标签
<h1></h1> - <h6></h6>
<p></p>
<br />
文本格式化标签
<strong></strong> 或 <b></b>
<em></em> 或 <i></i>
<del></del> 或 <s></s>
<ins></ins> 或 <u></u>
<div>和<spen>标签
<div></div>
<spen></spen>
文档标签
<!DOCTYPE>
<html></html>
属性
lang=""
en：英语
zh-CN：中文
<head></head>
<meta>
属性
charset=""
GB2312：简体中文
BIG5：繁体中文
GBK：全中文
UTF-8：万国码
<title></title>
<body></body>
沪公网安备 31011502019485号
上海工商