HTML一些标签记录

91 阅读1分钟

frameset框架

cols 列 rows 行

如果 frameset 框架 无法使用
可以这样

<noframes>
<body>您的浏览器无法处理框架!</body>
</noframes>

noresize 禁止调节框架宽度

 <frame src="/example/html/frame_a.html" noresize="noresize" />

table 表格

tr 外层行
td 内层cell caption 表的标题

<table border="1">
<caption>我的标题</caption>
<tr>
  <td>First</td>
  <td>Row</td>
</tr>   
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>

ul 无序列表

<ul>
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ul>

通过type设置列表样式 type="circle"

有序列表 ol

<ol start="50">
  <li>咖啡</li>
  <li>牛奶</li>
  <li></li>
</ol>

通过type设置列表样式 type="A" 结果会是
ABC

dl dt dd 自定义列表

<dl>
   <dt>计算机</dt>
   <dd>用来计算的仪器 ... ...</dd>
   <dt>显示器</dt>
   <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>

form表单

select option 下拉列表

<form>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat" selected="selected">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>

form 表单提交

<form action="/demo/demo_form.asp">
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">
</form> 

img 图形

<img src="/i/eg_mouse.jpg" width="128" height="128" />

map

HTML <map> 标签用于客户端图像映射,图像映射指带有可点击区域的一幅图像

<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">
  <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
  <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
  <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>

a 制作图像链接

点击图片跳转到一个新的html

您也可以把图像作为链接来使用:
<a href="/example/html/lastpage.html">
<img border="0" src="/i/eg_buttonnext.gif" />
</a>

base

使用 base 标签使页面中的所有标签在新窗口中打开。

<base target="_blank" />
</head>
<body>
<p>
<a href="http://www.w3school.com.cn" target="_blank">这个连接</a> 将在新窗口中加载,因为 target 属性被设置为 "_blank"。
</p>

<p>
<a href="http://www.w3school.com.cn">这个连接</a> 也将在新窗口中加载,即使没有 target 属性。
</p>
</body>

网址重定向。

<meta http-equiv="Refresh" content="5;url=http://www.w3school.com.cn" />
</head>
<body>
<p>
对不起。我们已经搬家了。您的 URL 是 <a href="http://www.w3school.com.cn">http://www.w3school.com.cn</a>
</p>
</body>

插入脚本

<script type="text/javascript">
</script> 

如果不支持脚本的处理

<script type="text/javascript">
document.write("Hello World!")
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
<p>不支持 JavaScript 的浏览器将显示 noscript 元素中的文本。</p>
</body>

slider 滑块

meter 显示已知范围内的标量测量

全部标签

www.w3school.com.cn/tags/html_r…