您的位置:首页 > Web前端 > HTML

html基础标签小计

2016-09-29 21:08 417 查看
<!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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息