HTML的常用标签

300 阅读1分钟

以下浅记几个常见标签:


一、 图像标签:

为页面插入图片,可插入的图像格式有gif、png、jpeg等

如: <img src="/media/examples/grapefruit-slice-332-332.jpg" alt="flower" title=“picture”>

src 指图像的url链接

alt 指描述图像的替换文本。当网页上图片加载不出来时,会显示此文本。一般当图像的URL是错误的,或该图像不在支持的格式列表中,或者如果图像还没有被下载,此时图片会无法加载显示。

title 当鼠标光标移向图片时,会显示此处的文字。

width 设置图像的宽度

height 设置图像的高度



二、nav导航标签

菜单,目录和索引栏。如:

<nav class="menu">

<ol>

    <li><a href="xxx">One</a></li>

    <li><a href="xxx">Two</a></li>

    <li>MORE</li>

</ol>

</nav>

这样会制成一个竖状的导航列表。可用css:display: inline-block 变成横向导航。

一个网页可以包含有多个nav元素。



三、dl 标签

定义列表、为术语定义以及描述的列表,通常用于展示词汇表或者元数据,常与<dt>(定义列表中的项目)、<dd>(描述列表中的项目)连用。如:

<dl>

<dt>计算机</dt>

<dd>用来计算的仪器 ... ...</dd>

<dt>显示器</dt>

<dd>以视觉方式显示信息的装置 ... ...</dd>

</dl>

<dd>会在段落前自动空两个字节。