- 网页主体
<head></head> 网页头部
<title></title> 网页标题
<body></body> 网页主体
- 文本标题
<h1></h1> 一个页面一般只用一个一级标题,一般用于显示logo
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
- 段落
<p></p> 默认情况下段落和段落之间有段间距
- 文本倾斜
<i></i>
<em></em>
- 文本加粗
<b></b>
<strong></strong> 语义化强一些
- 文本下划线
<u></u>
- 水平线
<hr/>
- 换行
<br/>
- 转义符号,在网页无法正常解析特殊字段的时候,利用另一种方式表达
不换行空格
> 右尖括号
< 左尖括号
© 备案中图标
& &
- 无序列表
<ul>
<li></li>
</ul>
- 有序列表,可以设置type、start等属性,选择排序符以及计数起始数
<ol>
<li></li>
</ol>
- 自定义列表,可以有多个描述
<dl>
<dt>内容</dt>
<dd>描述1</dd>
<dd>描述2</dd>
</dl>
- 超链接,href代表地址,target的属性代表为新窗口打开,title是鼠标悬停显示描述
<a href='#' title='描述' target='_blank'>
- 图片,一般情况下单独修改高度或者宽度任一属性,另一属性会按比例同时缩放
<img src='文件路径' alt='图片无法显示的描述' title='鼠标悬停图片描述' width='宽度' height='高度'>
- div
<div></div>
- span
<span></span>
- 表格 宽、高、边框像素点、边框颜色、单元格间距、单元格离内容间距、显示效果
<table width='#' height='#' border='1' bordercolor='#' bgcolor='#'
cellspacing='#' cellpadding='#' align="#">
<tr>行
<td>列</td>
</tr>
</table>
- 表单 input的type属性可以有多重表达形式 text-文本框 password-密码框 submit-提交按钮 reset-重置按钮 button-按钮 radio-单选框(多个选项必须设定name属性,并且都一致单选才会生效) checkbox-多选框
<form>
<input type='#'/>
</form>
- input标签可以设置 disabled-不生效 checked-默认选中
<input type='#' disabled checked/>
- 下拉框
<select>
<option>#<option>
<option>#<option>
</select>
- 文本框 cols设置宽度 rows设置高度 resize:none设置不可拖动操作
<textarea cols="30" rows="10" style='resize: none'></textarea>
- form可以嵌套在表格层级内,使一些用表格内的input标签的表单效果生效