HTML标签成对存在,第一个是开始标签,第二个是结束标签。
HTML属性
属性会以键值对的形式出现,并在开始标签中规定。
实例:
- 链接 This is a link
- 标题居中
常用标签
水平线
<hr />:在页面中创建水平线
注释
<!-- This is a comment -->
空行
<br />
在不产生新段落的情况下进行换行
<p>This is <br /> a para <br /> graph </ p>
文本格式化
<b> </b>:加粗
<i> </i>:斜体
<pre> </pre>:预格式文本,会保留空格与换行
<blockquote> </blockquote>:这是长引用
<q> </q>:这是 短引用
列表
# dl定义一个列表,dt定义了术语部分,dd定义了内容部分
<dl>
<dt>计算机</dt>
<dd>用来计算的仪器 ... ...</dd>
<dt>显示器</dt>
<dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>
data-*
在HTML元素上嵌入自定义数据,可以被页面的javascript使用。
data-* 属性包括两部分:
- 属性名: 不含大写字母;
- 属性值: 任意字符串;
<html>
<head>
<script>
function showDetails(animal) {
var animalType = animal.getAttribute("data-animal-type");
alert(animal.innerHTML + "是一种" + animalType + "。");
}
</script>
</head>
<body>
<h1>物种</h1>
<p>点击某个物种来查看其类别:</p>
<ul>
<li onclick="showDetails(this)" id="owl" data-animal-type="鸟类">喜鹊</li>
<li onclick="showDetails(this)" id="salmon" data-animal-type="鱼类">金枪鱼</li>
<li onclick="showDetails(this)" id="tarantula" data-animal-type="蜘蛛">蝇虎</li>
</ul>
</body>
</html>