font标签
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< title> Title</ title>
</ head>
< body>
< font color = " red" size = " 8px" face = " 宋体" > 我爱中国</ font>
</ body>
</ html>
特殊字符
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< title> Title</ title>
</ head>
< body>
< font color = " red" size = " 4px" face = " 宋体" > 我 爱 < 中国> </ font>
</ body>
</ html>
标题标签
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< title> Title</ title>
</ head>
< body>
< h1 style =" color : red; font-family : 宋体; " > 我是标题标签</ h1>
< h2 style =" color : red; font-family : 宋体; " > 我是标题标签</ h2>
< h3 style =" color : red; font-family : 宋体; " > 我是标题标签</ h3>
< h4 style =" color : blue; font-family : 宋体" > 我爱中国</ h4>
< h5 style =" color : blue; font-family : 宋体" > 我爱中国</ h5>
< h6 style =" color : blue; font-family : 宋体" > 我爱中国</ h6>
</ body>
</ html>
超链接
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< title> Title</ title>
</ head>
< body>
< a href = " http://www.baidu.com" style =" color : blue; font-family : 宋体; " > < font size = " 7px" > 百度</ font>
</ a>
</ body>
</ html>
img图片标签
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< title> Title</ title>
</ head>
< body>
< img src = " 1.jpg" height = " 100" width = " 80" border = " 200" alt = " noThisPicture" >
</ body>
</ html>
表格标签
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< title> Title</ title>
</ head>
< body>
< table border = " 1" width = " 10" height = " 10" bgcolor = " blue" cellspacing = " 0" align = " center" >
< tr>
< td> 1.1</ td>
< td> 1.2</ td>
< td> 1.3</ td>
</ tr>
< tr>
< td> 2.1</ td>
< td> 2.2</ td>
< td> 2.3</ td>
</ tr>
< tr>
< td> 3.1</ td>
< td> 3.2</ td>
< td> 3.3</ td>
</ tr>
</ table>
</ body>
</ html>
表格跨行跨列,合并
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< title> Title</ title>
</ head>
< body>
< table bgcolor = " green" width = " 200" height = " 200" border = " 1" cellspacing = " 0" >
< tr>
< td colspan = " 2" > 1.1</ td>
< td> 1.3</ td>
< td> 1.4</ td>
< td> 1.5</ td>
</ tr>
< tr>
< td> 2.1</ td>
< td> 2.2</ td>
< td> 2.3</ td>
< td> 2.4</ td>
< td> 2.5</ td>
</ tr>
< fr>
< td> 3.1</ td>
< td> 3.2</ td>
< td> 3.3</ td>
< td> 3.4</ td>
< td> 3.5</ td>
</ fr>
< tr>
< td> 4.1</ td>
< td> 4.2</ td>
< td> 4.3</ td>
< td> 4.4</ td>
< td> 4.5</ td>
</ tr>
< tr>
< td> 5.1</ td>
< td> 5.2</ td>
< td> 5.3</ td>
< td> 5.4</ td>
< td> 5.5</ td>
</ tr>
</ table>
</ body>
</ html>
iframe标签
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< title> Title</ title>
</ head>
< body>
< iframe src = " 5-img图片标签.html" name = " iii" width = " 500" height = " 500" > </ iframe>
< br/>
< ul>
< li> < a href = " http://www.baidu.com" target = " iii" > 百度</ a> </ li>
< li> < a href = " http://www.github.com" target = " iii" > github</ a> </ li>
</ ul>
</ body>
</ html>
列表标签
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< title> Title</ title>
</ head>
< body>
< ul type = " none" >
< li> 马云</ li>
< li> 马化腾</ li>
</ ul>
< ol>
< li> 马云</ li>
< li> 马化腾</ li>
</ ol>
</ body>
</ html>
表单
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< title> TableList</ title>
</ head>
< body>
< form>
< table align = " center" >
< tr>
< td> 用户名字:</ td>
< td> < input type = " text" value = " chen" /> < br/> </ td>
</ tr>
< tr>
< td> 用户密码:</ td>
< td> < input type = " password" value = " abc" /> < br/> </ td>
</ tr>
< tr>
< td> 确认密码:</ td>
< td> < input type = " password" value = " abc" /> < br/> </ td>
</ tr>
< tr>
< td> 性别:</ td>
< td> < input type = " radio" name = " sex" checked = " checked" > 男< input type = " radio" name = " sex" > 女< br/> </ td>
</ tr>
< tr>
< td> 兴趣爱好:</ td>
< td> < input type = " checkbox" > java< input type = " checkbox" > javaScript< input type = " checkbox" > C++< br/> </ td>
</ tr>
< tr>
< td> 国籍:</ td>
< td> < select>
< option> --请选择国籍--</ option>
< option selected = " selected" > 中国</ option>
< option> 英国</ option>
< option> 日本</ option>
< option> 印度</ option>
< option> 泰国</ option> </ select> < br/>
</ td>
</ tr>
< tr>
< td> 自我评价:</ td>
< td> < textarea rows = " 10" cols = " 20" > 默认</ textarea> < br/> </ td>
</ tr>
< tr>
< td> < input type = " reset" value = " 重新输入" />
< input type = " submit" value = " 提交" />
</ td>
</ tr>
</ table>
</ form>
</ body>
</ html>
表单提交
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< title> TableListSubmit</ title>
</ head>
< body>
< form action = " http://www.baidu.com" method = " get" >
< input type = " hidden" name = " action" value = " login" >
< h1> 用户注册</ h1>
< table align = " center" >
< tr>
< td> 确认密码:</ td>
< td> < input type = " password" value = " abc" /> < br/> </ td>
</ tr>
< tr>
< td> 性别:</ td>
< td> <input type="radio" name="sex" checked="checked
< td> 用户名字:</ td>
< td> < input type = " text" value = " chen" /> < br/> </ td>
</ tr>
< tr>
< td> 用户密码:</ td>
< td> < input type = " password" value = " abc" /> < br/> </ td>
</ tr>
< tr> ">男< input type = " radio" name = " sex" > 女< br/> </ td>
</ tr>
< tr>
< td> 兴趣爱好:</ td>
< td> < input type = " checkbox" > java< input type = " checkbox" > javaScript< input type = " checkbox" > C++< br/> </ td>
</ tr>
< tr>
< td> 国籍:</ td>
< td> < select>
< option> --请选择国籍--</ option>
< option selected = " selected" > 中国</ option>
< option> 英国</ option>
< option> 日本</ option>
< option> 印度</ option>
< option> 泰国</ option> </ select> < br/>
</ td>
</ tr>
< tr>
< td> 自我评价:</ td>
< td> < textarea rows = " 10" cols = " 20" > 默认</ textarea> < br/> </ td>
</ tr>
< tr>
< td> < input type = " reset" value = " 重新输入" />
< input type = " submit" value = " 提交" />
</ td>
</ tr>
</ table>
</ form>
</ body>
</ html>
其他标签
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< title> Title</ title>
</ head>
< body>
< div> div标签1</ div>
< div> div标签2</ div>
< span> span标签1</ span>
< span> span标签2</ span>
< p> 段落标签1</ p>
< p> 段落标签2</ p>
</ body>
</ html>