- 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>
网友评论