Html 常见标签

2018-05-18 本文已影响0人 employeeeee

html的注释。
<a>html的超链接
一般为<a href="">
<abbr> 用来标记一个缩写
The<abbr title=“The King of the KILL”>H1Z1 was founded in 1949
<area>标签
带有可点击区域的图像映射。
可以根据图片生成图形区域。
主要用到的是圆形多边形和矩形

<area shape="circle" coords="x1,y1,r" href="" >
<area shape="polygon" coords="x1,y1,x2,y2..." href="">
<area shape="rect" coors="x1,y1,x2,y2" href="">

圆形坐标含义是圆心坐标和半径
多变行坐标含义是每一个顶点的坐标
矩形的坐标含义是左上第一个坐标和对角坐标。

audio 音频播放器
用来定义声音、音乐之类
属性：
autoplay 自动播放 controls播放按钮 preload加载等待播放

<audio controls="controls" autoplay="autoplay">

<b> 粗体文本
换行 br没有换行符
<canvas> 画布属性有点深奥
用画布画一个简单的图

<canvas id="myCanvas"></canvas>
<script type="text/javascript">
var ctx=documents.getElementById("myCanvas").getContext('2d');
ctx.fillstyle='#FF0000'
ctx.fillRect(0,0,100,100);
</script>

<caption> 表格的标题
<cite> 表示它所包含的文本对某个文献的引用,比如书籍或者杂志的标题
<col> 为表格中的列规定不同对齐方式
*<datalist>一个可以输入的下拉框

<input id="MyCar" list="cars"/>
<datalist id="cars">
<option value="BMW">
<option value="Ford">
<option value="Volvo">
</datalist>

*<dd>自定义列表中的一部分
*<del>文字有横线
*<details>文档细节

<details>
<summary>Copyright 2011.</summaty>
<p>All pages and graphics on this web site </p>
</details>

image.png

*<dl> 一个自定义列表

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

<embed src="helloworld.swf"/>定义嵌入的内容,比如插件.
*<fieldset>当一组表单元素放到<fieldset>标签时,浏览器会以特殊方式来显示他们,他们可能有特殊的边界,3d效果

<form>
<fieldset>
<legend>健康信息</legend>
身高:<input type="text">
体重:<input type="text">
</fieldset>
</form>

<figcaption>用作文档中插图的图像,带有一个标题.
<figure> 用作文档中插图
*<font> 规定文本字体,大小和颜色.
*<footer> 页脚部分
*<frameset>框架页面

<frameset cols="25%,50%,25%">
<frame src="frame_a.html">
<frame src="frame_b.html">
<frame src="frame_c.html">
</frameset>

水平线
<label> 如果在label元素中点击文本,就会触发此控件,就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上.
<link> 链接一个外部样式表
<mark>标黄
*<meter> 用来度量给定范围内的数据
*<ol>有序列表
*<optgroup>可以吧相关的选项在下拉框中组合在一起

<select>
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>

<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>

<output>执行计算然后在output中显示结果

<form oninput="x.value=parseint(a.value)+parseint(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=

*<progress> 显示下载进度.

<progress value="22" max="100"></progress>

<q> 双引号标记
<script> 在页面中插入一段js
<section>定义了文档中的章节之类.
*<source> 一个音频有两个格式浏览器选择它所支持的文件格式
*_{下标

*^{上标

*<table>表格属性:}}

<html>
<head>
<style type="text/css">
thead {color:green}
tbody{color:blue;height:50px}
tfood{color:red}
</style>
</head>
<body>

<table border="1">
<thead>
<tr>
<th>Month</th>
<th>Saving</th>
</tr>
</thead>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>&80</td>
</tr>
</tbody>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
</table>
</body>
</html>

Html 常见标签

猜你喜欢

热点阅读