常用标签
// 文本标题 h1~h6 文本标题标签自带加粗,有自己的文本大小,并且独占一行,有默认间距
<h1>—级标题</h1>
<h2>二级标题</h2>
<h3>三级标题H3</h3>
<h4>四级标题H4</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
// 段落文本(p) 标识一个段落(段落与段落之间有段间距)
<p>段落文本内容</p>
// 换行(br) 换行是一个空标记(强制换行)
<br />
// 水平线
<!--
color=====颜色
width=====宽度
align=====对其方式
noshade===取消阴影
-->
<hr />
<hr color= "red" width="300px" align="right">
// 加粗有两个标记(推荐strong)
<b>加粗内容(只是显示加粗)</b>
<strong>强调的内容(突出的文本)</strong>
// 倾斜有两个标记(推荐em)
<em>强调文本</em><i>倾斜文本<i>
// 删除线有两个标记(推荐del)
<S>文本</s>
<del>文本</del>
// 扩展
<u>文本 (下划线)</u>
<sub>(下标)</sub><sup>(上标)</sup>
//图片标签
<img src="图片路径" title="鼠标悬停上去之后的提示信息" alt="图片不显示之后(加载失败)的提示信息" width="200px" height="200px"/>
// 超链接标签
<!--
Target属性:规定在何处打开文档。
target="_self" 默认值
target="_blank" 新窗口打开
-->
<a href="路径" title="鼠标悬停上去之后的提示信息" target="规定在何处打开文档">内容</a>
div与span
1.div标签,没有具体含义,用来划分页面的区域,独占一行。
2.span,没有实际意义,主要应用在对于文本独立修饰的时候,内容有多宽就占用多宽的空间距离。
列表
//无序列表
<!--
1. ul里面只能放li, li里面可以放其他标签
2. 默认的是黑色的实心圆
3. type, disc circle square none(用的多)
-->
<ul>
<li>无序列表</li>
<li>无序列表</li>
</ul>
// 有序列表
<!--
1. li里面可以随意放标签,但是ol里面只能防止li,
2. 数字是自动生成的。
3. type:1,a,A,i,I
start: 取值只能是一个数字
-->
<ol type="A" start="4">
<li>有序列表</li>
<li>有序列表</li>
</ol>
//自定义列表
<dl>
<dt>可以是文字也可以图</dt>
<dd>相关文字</dd>
</dl>
表格标签
- 表格标签
<table><!--创建表格-->
<tr> <!-- tr 表示行-->
<td>1</td><!-- td 表示单元格-->
</tr>
</table>
- 表格属性
宽度 width
高度 height
边框 border
边框颜色 bordercolor
背景颜色 bgcolor
水平对齐 align=“left或right或center”
cellspacing=“单元格与单元格之间的间距”
cellpadding=“单元格与内容之间的空隙” - 行tr 属性
高度 height
背景颜色 bgcolor
文字水平对齐 align=“left或right或center”
文字垂直对齐 valign=“top或middle或bottom” - 单元格td属性
宽度 width
高度 height
背景颜色 bgcolor
文字水平对齐 align=“left或right或center”
文字垂直对齐 valign=“top或middle或bottom”
Colspan=“所要合并的单元格的列数”
Rowspan=“所要合并的单元格的行数”
表单
<form method="get或者post" action="向何处发送表单数据">
<input />
<!--
属性 type 定义输入框的类型
文本框 type="text"
密码框 type="password"
提交框 type="submit" 和 <button>提交按钮</button> 一样
按钮框 type="button" 单纯的按钮
重置框 type="reset"清空的效果
属性 placeholder 描述输入字段预期值的简短的提示信息。兼容到IE8以上
属性 name 必须设置,否则在提交表单时,用户在其中输入的数据不会被发送给服务器
属性 value
-->
</form>