<!DOCTYPE html>声明
一、文本标签
h1到h6 标题标签 双标签
<h1></h1>
..........
<h6></h6>
em 斜体加粗 i 斜体 双标签
<i></i>
<em></em>
b 加粗 strong 强调加粗 双标签
<b></b>
<strong></stround>
a 链接标签 单标签
<a href='链接地址' target =‘blank 在新的页面打开 self 默认在当前页面打开’ />
img 图片标签 单标签
<img src='图片地址路径' alt=‘图片路径获取失败时显示的文字’ title=‘鼠标划入显示的文字’ width = ‘宽度’ height = ‘高度’ />
p 段落标签 双标签
<p></p>
s 删除线标签 双标签
<s></s>
br 换行 单标签
<br />
u 下划线标签
<u></u>
二、简单块标签
span 行内元素容器标签 双标签
<span></span>
div 块级元素容器标签 双标签 独占一行
<div></div>
三、表格元素
caption 标题 双标签
table 表格元素 双标签
thead 头部 双标签
tbody 身体 双标签
tfoot 尾部 双标签
tr 行 双标签 写在table中
td 列 双标签写在tr中
colgroup 包含col的元素 可以设置表格是否居中每一行颜色等
<table border="#000" cellspacing='0'>
<colgroup>
<col bgcolor='skyblue'>
</colgroup>
<caption>
我是一个表格
</caption>
<thead>
<tr align="center">
<td>序号</td>
<td>产品名称</td>
<td>价格</td>
</tr>
</thead>
<tbody>
<tr align="center">
<td>1</td>
<td>手机</td>
<td>0.01￥</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3" align="center">欢迎采购</td>
</tr>
</tfoot>
</table>
三、列表标签
ul 无序列表 双标签
<ul type="circle">
<li></li>
<li></li>
<li></li>
</ul>
ol 有序列表 双标签
<ol type="i">
<li></li>
<li></li>
<li></li>
</ol>
li 双标签 写在ol、ul中的
dl 列表 双标签
dt 题目 双标签 写在dl里面
dd 内容 双标签 写在dt下面
<dl>
<dt>教室</dt>
<dd>老师</dd>
<dd>学生</dd>
<dd>学生</dd>
</dl>
四、表单标签
form 表单标签 双标签
<form action='链接地址' method=‘传递方式’ />
input 单标签 写在form中
参数有 ：type name value
{
type = text 文本框
<span>用户名:</span><input type="text" name="user" value="" />
type = password 密码框
<span>密码:</span><input type="password" name="pwd" />
type = submit 提交按钮
<input type="submit" value="提交">
type = reset 重置按钮
<input type="reset" value="重置">
type = file 上传文件按钮
<input type="file" value="手机图片">
type = radio 单选框 name值需要相同
<input type="radio" name="phone" value="诺基亚" id="r"><label for="r" />诺基亚</label>
type = checkbox 多选框 name值需要相同
<input type="checkbox" name="pj" value="耳机" id="c"><label for="c">无线耳机</label>
}
label 双标签 需要与单选框或多选框一起使用 参数： for = ‘单选框或多选框的id’
select 选择框 双标签 参数： size多选框大小 multiple：加上可选（需要设置size最少为2），不加没有
option select中的选项标签 双标签，写在select标签中 ， 参数：selected 优先显示
<select name="ddd" size="1" multiple>
<option value="yw">语文</option>
<option value="sx" selected>数学</option>
<option value="yy">英语</option>
</select>
textarea 文本域标签 双标签 参数：name cols="30" 30行 rows="10" 10列
<textarea name="text" id="t1" cols="30" rows="10"></textarea>
在HTML5中还新增了很多表单标签，以后再做笔记
【版权声明】本文为华为云社区用户原创内容，转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息， 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
评论（0）