HTML捡漏

58次阅读

共计 1677 个字符,预计需要花费 5 分钟才能阅读完成。

W3school 最全 HTML 参考手册
标签(按功能分类)
基础

<br> 换行符,它是一个空标签(意味着它没有结束标签)。<br> 标签会告诉浏览器立即停止当前的文本流,并在下一行显示。<br> 标签的 clear 属性只对这些左对齐或右对齐的图像或表格起作用。它可以具有三个值:left、right 或者 all,每个值都代表一个边界或两边的边界。当指定的边界没有图像时,浏览器才会继续输出文本。
格式

<abbr> 标记缩写。在 <abbr> 标签中使用全局的 title 属性,这样就能够在鼠标指针移动到 <abbr> 元素上时显示出简称 / 缩写的完整版本。
The <abbr title=”People’s Republic of China”>PRC</abbr> was founded in 1949.

<mark> 突出显示部分文本。默认是黄色背景,可以通过定义 style 切换 mark 的背景色
<p>Do not forget to buy <mark>milk</mark> today.</p>

<p>Do not forget to buy <mark style=”background: #0288d1;”>milk</mark> today.</p>

表单

<form> 标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
<form action=”form_action.asp” method=”get”>
<p>First name: <input type=”text” name=”fname” /></p>
<p>Last name: <input type=”text” name=”lname” /></p>
<input type=”submit” value=”Submit” />
</form>
图像

<map> 和 <area> 带有可点击区域的图像映射(点击图片区域跳转)。
<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>
音频 / 视频

<audio> 定义声音,比如音乐或其他音频流 (具体属性:audio 标签)。
<audio src=”someaudio.wav”>
您的浏览器不支持 audio 标签。
</audio>

<video> 定义视频,比如电影片段或其他视频流 (具体属性:vedio 标签)。
<video src=”movie.ogg” controls=”controls”>
您的浏览器不支持 video 标签。
</video>

<source> 允许您规定可替换的视频 / 音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。
<audio controls>
<source src=”horse.ogg” type=”audio/ogg”>
<source src=”horse.mp3″ type=”audio/mpeg”>
Your browser does not support the audio element.
</audio>
链接

<a> 定义锚,超链接,用于从一张页面链接到另一张页面。
<a href=”http://www.w3school.com.cn”>W3School</a>

<link> 链接一个外部样式 样式 样式表。
<head>
<link rel=”stylesheet” type=”text/css” href=”theme.css” />
</head>

正文完
 0