Html标签使用实例
2017-06-23 13:02
281 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Html</title>
</head>
<body>
<center><h1>陈一发儿</h1></center>
<em>我陈一发最牛逼</em>
<br>
<strong>666</strong>
<br>
<abbr>ACBC</abbr>
<br>
<address>上海市宝山区友谊西路。。。</address>
<blockquote>狂风绝息斩</blockquote>
<br>
<cite>忽喇喇似大厦倾，昏惨惨似灯将尽。-红楼梦</cite>
<br>
<ins></ins>
<del></del>
<b>骚猪</b>
<i>骚猪</i>
<big>骚猪</big>
<small>骚猪</small>
<sup>骚猪</sup>
<sub>骚猪</sub>
<bdo dir= "ltr">
骚的一批
</bdo>
<br>
<bdo dir= "rtl">
骚的一批
</bdo>
<pre>
id="pl_common_forword"
</pre>
<var>a=10</var>
<hr>
<a href="http://www.bilibili.com/">百度</a>
<b>是不是并没什么用</b>
<ul>
<li>这是无序列表</li>
<li>这是无序列表</li>
<li>这是无序列表</li>
<li>这是无序列表</li>
</ul>
<ol>
<li>君不见,黄河之水天上来,奔流到海不复回。</li>
<li>君不见,高堂明镜悲白发,朝如青丝暮成雪。</li>
<li>人生得意须尽欢,</li>
<li>莫使金樽空对月。</li>
</ol>
<iframe src="http://www.bilibili.com" width="300" height="300"></iframe>
<img src="fafa.jpg" alt="爱" width="720" height="450" usemap="#demo-test">
<map name="demo-test" id="demo-test">
<area shape="rect" coords="0,0,50,50" href="http://www.bilibili.com/" alt="">
<area shape="circle" coords="200,200,50," href="http://www.bilibili.com/" alt=""
</map>
<br>
<br>
<br>
<br>
<br>
<br>
<hr>
<a href="06.html"><strong>图片跳转到：陈一发er</strong></a>
<br>
<br>
<br>
<br>
<br>
<table border='1'>
<thead>
<tr>
<th>name</th>
<th>age</th>
<th>sex</th>
<th>hobby</th>
</tr>
<tbody>
<tr>
<td>骚猪</td>
<td>22</td>
<td>男</td>
<td>你猜</td>
</tr>
<tr>
<td>亚索</td>
<td>不知道</td>
<td>男</td>
<td>哈撒给</td>
</tr>
<tr>
<td>锐雯</td>
<td>不晓得</td>
<td>女</td>
<td>折翼之舞</td>
</tr>
</tbody>
</thead>
</table>
<br>
<form>
<input type="hidden" name="yourid" value="姓名">
<input type="file" name="yourfile"size="30"><br>
a: <input type="radio" name="checkit" value="a" checked>
<br>
b: <input type="radio" name="checkit" value="b">
<br>
c: <input type="radio" name="checkit" value="c">
<br>
<input type="image" src = "baby.jpg" alt="爱心" width="420" height="300">
<map name="demo-test" id="demo-test">
a:<input type="checkbox" name="checkit" value="a" checked>
b:<input type="checkbox" name="checkit" value="b">
c:<input type="checkbox" name="checkit" value="c">
<input type="submit" value="提交">
<textarea name="contain" id="" cols="30" rows="30" readonly>我们试过在床上，试过在椅子上，试过在沙发上，试过在马桶上，也试过在厨房里阳台上，甚至试过在走廊里、楼道里，但是又能怎样？根本连不上隔壁的wifi。
</textarea>
<button disabled>请选择</button>
<select>
<optgroup label="美女">
<option>可爱</option>
<option>温柔</option>
<option>漂亮</option>
</optgroup>
<optgroup label="帅哥">
<option>阳光</option>
<option>帅气</option>
<option>高大</option>
</optgroup>
</select>
</form>
<a href="#bottom">跳转到底线</a>
<div style="height: 1000px;"></div>
<a href="##" name="bottom">我是底线</a>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Html</title>
</head>
<body>
<center><h1>陈一发儿</h1></center>
<em>我陈一发最牛逼</em>
<br>
<strong>666</strong>
<br>
<abbr>ACBC</abbr>
<br>
<address>上海市宝山区友谊西路。。。</address>
<blockquote>狂风绝息斩</blockquote>
<br>
<cite>忽喇喇似大厦倾，昏惨惨似灯将尽。-红楼梦</cite>
<br>
<ins></ins>
<del></del>
<b>骚猪</b>
<i>骚猪</i>
<big>骚猪</big>
<small>骚猪</small>
<sup>骚猪</sup>
<sub>骚猪</sub>
<bdo dir= "ltr">
骚的一批
</bdo>
<br>
<bdo dir= "rtl">
骚的一批
</bdo>
<pre>
id="pl_common_forword"
</pre>
<var>a=10</var>
<hr>
<a href="http://www.bilibili.com/">百度</a>
<b>是不是并没什么用</b>
<ul>
<li>这是无序列表</li>
<li>这是无序列表</li>
<li>这是无序列表</li>
<li>这是无序列表</li>
</ul>
<ol>
<li>君不见,黄河之水天上来,奔流到海不复回。</li>
<li>君不见,高堂明镜悲白发,朝如青丝暮成雪。</li>
<li>人生得意须尽欢,</li>
<li>莫使金樽空对月。</li>
</ol>
<iframe src="http://www.bilibili.com" width="300" height="300"></iframe>
<img src="fafa.jpg" alt="爱" width="720" height="450" usemap="#demo-test">
<map name="demo-test" id="demo-test">
<area shape="rect" coords="0,0,50,50" href="http://www.bilibili.com/" alt="">
<area shape="circle" coords="200,200,50," href="http://www.bilibili.com/" alt=""
</map>
<br>
<br>
<br>
<br>
<br>
<br>
<hr>
<a href="06.html"><strong>图片跳转到：陈一发er</strong></a>
<br>
<br>
<br>
<br>
<br>
<table border='1'>
<thead>
<tr>
<th>name</th>
<th>age</th>
<th>sex</th>
<th>hobby</th>
</tr>
<tbody>
<tr>
<td>骚猪</td>
<td>22</td>
<td>男</td>
<td>你猜</td>
</tr>
<tr>
<td>亚索</td>
<td>不知道</td>
<td>男</td>
<td>哈撒给</td>
</tr>
<tr>
<td>锐雯</td>
<td>不晓得</td>
<td>女</td>
<td>折翼之舞</td>
</tr>
</tbody>
</thead>
</table>
<br>
<form>
<input type="hidden" name="yourid" value="姓名">
<input type="file" name="yourfile"size="30"><br>
a: <input type="radio" name="checkit" value="a" checked>
<br>
b: <input type="radio" name="checkit" value="b">
<br>
c: <input type="radio" name="checkit" value="c">
<br>
<input type="image" src = "baby.jpg" alt="爱心" width="420" height="300">
<map name="demo-test" id="demo-test">
a:<input type="checkbox" name="checkit" value="a" checked>
b:<input type="checkbox" name="checkit" value="b">
c:<input type="checkbox" name="checkit" value="c">
<input type="submit" value="提交">
<textarea name="contain" id="" cols="30" rows="30" readonly>我们试过在床上，试过在椅子上，试过在沙发上，试过在马桶上，也试过在厨房里阳台上，甚至试过在走廊里、楼道里，但是又能怎样？根本连不上隔壁的wifi。
</textarea>
<button disabled>请选择</button>
<select>
<optgroup label="美女">
<option>可爱</option>
<option>温柔</option>
<option>漂亮</option>
</optgroup>
<optgroup label="帅哥">
<option>阳光</option>
<option>帅气</option>
<option>高大</option>
</optgroup>
</select>
</form>
<a href="#bottom">跳转到底线</a>
<div style="height: 1000px;"></div>
<a href="##" name="bottom">我是底线</a>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- PHP使用DOMDocument类生成HTML实例（包含常见标签元素）
- Html 标签的使用小结（实例代码）
- PHP使用DOMDocument类生成HTML实例（包含常见标签元素）
- python正则表达式使用实例-替换字符串HTML标签
- 将Html的tag标签使用OpenGL渲染到Texture中实例
- asp.net控件开发技巧(1)使用HtmlTextWriter类规范输出标签
- asp.net控件开发技巧(1)使用HtmlTextWriter类规范输出标签
- 在struts中html:select 标签的disabled属性中使用java代码
- 在html链接里执行js和使用标签事件执行的不同
- 使用FreeMarker生成Html静态文件(实例)
- HTML中div标签与table标签组合使用问题
- (转）Struts -- html:link 标签的使用
- 使用 h:outputText 执行输出 HTML 标签
- 在Swing中使用Html标签
- HTML自定义标签开发入门实例
- html label标签的使用教程
- struts标签bean:cookie,bean:write,logic:page,logic:present,logic:iterate使用实例
- html中label标签的使用
- 使用Struts提供的HTML标签库
- 使用 Struts 提供的 HTML 标签库