HTML
注释
标题标签
< h1> </ h1> < h2> </ h2> < h3> </ h3> < h4> </ h4> < h5> </ h5> < h6> </ h6>
段落标签
< p> </ p>
加粗标签
< b> </ b> < strong> </ strong>
倾斜标签
< i> </ i> < em> </ em>
列表标签
无序列表
项目符号:type disc(默认值)实心圆点 circle 空心圆 square 实心方块 none 取消项目符号
< ul>
< li> 苹果</ li>
< li> 香蕉</ li>
</ ul>
有序列表
< ol type = " A" >
< li> 柠檬</ li>
< li> 桔子</ li>
</ ol>
自定义列表
< dl>
< dt> 计算机</ dt>
< dd> 用来计算的仪器</ dd>
< dt> 显示器</ dt>
< dd> 以视觉方式显示信息的装置</ dd>
</ dl>
盒子标签
< div> </ div>
文字标签
< span> </ span>
图片标签
< img src = ' 图片路径' alt = ' 图片不显示替换文本' width = ' 图片原始宽' height = ' 图片原始高' title = ' 图片标题' >
超链接标签
< a href = ' 创建另一个文档链接' target = ' 属性定义网页打开方式' title = ' 鼠标滑过的提示文本' > 显示文本</ a>
< html>
< body>
< p>
< a href = " #C3" > 查看 Chapter 3。</ a>
</ p>
< h2> Chapter 1</ h2>
< p> This chapter explains ba bla bla</ p>
< h2> Chapter 2</ h2>
< p> This chapter explains ba bla bla</ p>
< h2> < a id = " c3" > Chapter 3</ a> </ h2>
< p> This chapter explains ba bla bla</ p>
</ body>
</ html>
特殊符号
字符实体 描述 显示结果 & emsp; 字符空白 & nbsp; 空格 & lt; 小于号 < & gt; 大于号 >
表格标签
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< title> 表格</ title>
< style>
th,td {
border : 1px solid black;
width : 50px;
}
table {
border-collapse : collapse; <!--合并边框-->
}
</ style>
</ head>
< body>
< table>
< caption> 表格名</ caption>
< thead>
< tr>
< th> name</ th>
< th> age</ th>
< th> sex</ th>
</ tr>
</ thead>
< tbody>
< tr>
< td colspan = " 3" > 1</ td>
</ tr>
< tr>
< td rowspan = " 2" > 4</ td>
< td> 5</ td>
< td> 6</ td>
</ tr>
< tr>
< td> 8</ td>
< td> 9</ td>
</ tr>
</ tbody>
</ table>
</ body>
</ html>
表单标签
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< title> 登录页面</ title>
</ head>
< body>
< form action = " " method = " post" enctype = " multipart/form-data" >
< fieldset>
< legend> 注册</ legend>
< p>
< label for = " user" > 用户名: </ label>
< input type = " text" id = " user" name = " user" placehoder = " 请输入用户名" >
</ p>
< p>
< label for = " password" > 密  码:</ label>
< input type = " password" id = " password" name = " password" placehoder = " 请输入密码" >
</ p>
< p> 性  别:
< input type = " radio" id = " man" name = " sex" value = " man" >
< label for = " man" > 男</ label>
< input type = " radio" id = " woman" name = " sex" value = " woman" >
< label for = " woman" > 女</ label>
< input type = " radio" id = " none" name = " sex" value = " none" >
< label for = " none" > 保密</ label>
</ p>
< p> 爱  好:
< input type = " checkbox" id = " sing" name = " hobby" value = " sing" >
< label for = " sing" > 唱歌</ label>
< input type = " checkbox" id = " dance" name = " hobby" value = " dance" >
< label for = " dance" > 跳舞</ label>
< input type = " checkbox" id = " drawing" name = " hobby" value = " drawing" >
< label for = " drawing" > 画画</ label>
</ p>
< p> 上传头像:< input type = " file" name = " file" > </ p>
< p> 地  址:
< select name = " addr" >
< optgroup label = " 河北省" >
< option value = " tangshan" selected > 唐山市</ option>
< option value = " chengde" > 承德市</ option>
< option value = " baoding" > 保定市</ option>
</ optgroup>
< optgroup label = " 辽宁省" >
< option value = " dalian" > 大连市</ option>
< option value = " shenyang" > 沈阳市</ option>
< option value = " yingkou" > 营口市</ option>
</ optgroup>
</ select>
</ p>
< p> 个人简介: < textarea name = " text" cols = " 20" rows = " 5" > </ textarea> </ p>
< p>
< input type = " submit" value = " 提交" >
< input type = " reset" value = " 重置" >
</ p>
</ fieldset>
</ form>
</ body>
</ html>
内联框架标签
不建议使用
< iframe src = ' www.baidu.com' width = ' 200px' height = ' 200px' frameborder = ' 1' scrolling = ' yes' > </ iframe>