常用标签:
标题标签:h1~h6。从h1到h6字体依次减小。
段落标签:p
无序列表:ul
列表项:li
注意:ul下规范只能写li标签。
有序列表:ol
列表项:li
注意:ol下规范只能写li标签。
自定义列表:dl
标题项:dt
解释项:dd
如:
<dl>
<dt>开发语言</dt>
<dd>Java</dd>
<dd>PHP</dd>
<dd>Python</dd>
<dd>C</dd>
</dl>
说明:<dd>实际上就是列表项
强调标签:strong
强调类斜体标签:em
标记标签:mark
span标签:没有任何默认样式,经常用于区分样式。
img标签:图片标签。
src属性:填写图片的路径。
alt属性定义图片的内容,当图片无法加载无法显示时会显示alt属性的内容。
如果img标签只定义了宽度(width)属性,则图片的高度会根据实际高度进行等比例显示。
如果只写了高度(height)属性,则图片的宽度会根据实际宽度进行等比例显示。
vertical-align: top;表示图片在垂直方向上顶部对其。
a标签:链接标签。
href属性:填写链接地址。
如果href中填写的是压缩包文件。(如:zip文件)则点击后会直接下载此文件。
target属性:跳转方式。
_blank-->新页面中打开链接地址。
_self-->本页面中打开新链接地址。(默认值)
a标签的锚点使用:a标签的href属性值为#元素ID,则点击a标签时会直接跳转到此ID所指向的元素。
例如:
<style>
div{
width: 500px;
height: 800px;
background: red;
font-size: 50px;
margin: 300px 0px;
}
</style>
<body>
<a href="#div1">div1</a>
<a href="#div2">div2</a>
<a href="#div3">div3</a>
<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>
</body>
例2:
<a href="other.html#d4">div4</a>
例2代码在点击div4时会跳转到other.html页面中ID为d4的元素。