html基础标签小计

<! DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< title ></ title >
</ head >
< body >
< h1 >我< b >爱</ b >编程</ h1 > < br />   <!--//加粗 <爱>-->

<!----------div标记-------->
< div > 我是万能的div，我可以包含所有的标记</ div >< br />

<!----------p标记-------->
< p > 我是p标签，我是来< em >写文本的</ em ></ p >  <!--//em倾斜 <写文本的>--> < br />

<!----------span标记-------->
< span > 我也是写文本的</ span >< br />

<!----------b加粗标记-------->
< b > 我是加粗的文本，请重点关注我</ b >< br />
<!----------strong标记-------->
< strong > 我也是加粗文本，也请重点关注我</ strong >< br />

<!----------倾斜标记-------->
< em > 我是斜着的，but人是正直的</ em >
< i >我也是斜的，但我是坏的</ i >< br />

<!----------hr标记（一条线）-------->
< hr />< br />

<!----------列表标记-------->
<!--1、无序 type表示前面点点的形状-->
< ul type = "square" >     <!----------快捷输入方法：ul>li*4 + tab键-------->
< li >一一一</ li >
< li >哒哒哒</ li >
< li >吼吼吼</ li >
< li >对对对</ li >

</ ul >
<!--2、有序-->
< ol type = "" >
< li >啊啊啊</ li >
< li >发发发</ li >
< li >点点滴滴</ li >
</ ol >
<!--3、自定义-->
< dl >
< dt >< img src = "img/wz_tj.png" </ dt >
< dd >这是一个名为wz_tj的png图片</ dd >

</ dl >
<!--form表单标记-->

< form action = "" name = "form" method = "post" target = "_self" >
帐号：< input type = "text" name = "text" value = "花花" />< br />
密码：< input type = "password" name = "password" value = "123456" />< br />
性别：男< input type = "radio" name = "boy" checked />     <!--radio单选框--注：name值必须一致才能实现单选效果；checked默认选中-->
    女< input type = "radio" name = "boy" />
    < br />
爱好：打游戏< input type = "checkbox" name = "game" />
    画画< input type = "checkbox" name = "hauhua" />
    听歌< input type = "checkbox" name = "song" />
    打篮球< input type = "checkbox" name = "basketball" checked />< br />
按钮：< input type = "button" name = "button" value = "点击播放" />< br />
提交按钮：< input type = "submit" name = "sub" value = "点击提交" /> < br /> <!--点击后会刷新页面-->
重置：< input type = "reset" name = "reset" value = "重置" />< br />  <!--重置还原原设置-->

</ form >

</ body >

</ html >