HTML常用标签

HTML常用标签

1. a 标签的用法

HTML 元素（或称锚元素）可以创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。

<a href="www.baidu.com">百度一下</a>

百度一下

常用属性:

1. href
   包含超链接指向的 URL 或 URL 片段。
2. target
   该属性指定在何处显示链接的资源。 取值为标签（tab），窗口（window），或框架（iframe）等浏览上下文的名称或其他关键词。
3. download
   此属性指示浏览器下载 URL 而不是导航到它，因此将提示用户将其保存为本地文件
4. rel
   该属性指定了目标对象到链接对象的关系。该值是空格分隔的列表类型值。

超链接可能的值：

• 绝对 URL - 指向另一个站点（比如 href="http://www.baidu.com"）
• 相对 URL - 指向站点内的某个文件（href="index.html"）
• 锚 URL - 指向页面中的锚（href="#top"）

target可能的值:

• _blank
• _top
• _parent
• _self

奇怪的要求：a href="javascript:;"

2. img 标签的用法

HTML 元素将一份图像嵌入文档。
发出GET请求，展示一张图片。

<img src = "" alt = ""></img>

常用属性:

1. src
   包含了你想嵌入的图片的文件路径。
2. alt
   包含一条对图像的文本描述。如果由于某种原因无法加载图像，普通浏览器也会在页面上显示alt 属性中的备用文本：例如，网络错误、内容被屏蔽或链接过期时。
3. width、height 和 intrinsicsize
   设置原始分辨率

响应式：max-100%

3. table 标签的用法

HTML的 table 元素表示表格数据 — 即通过二维数据表表示的信息。

<table>
    <thead>
        <tr>
            <th>table header</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>table body</td>
            <td>with two columns</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>table foot</td>
        </tr>
    </tfoot>
</table>

效果：

table header
table body	with two columns
table foot

table标签按照这个顺序：

• 一个可选的 元素
• 零个或多个的 元素
• 一个可选的 元素
• 下列任意一个:
  • 零个或多个
  • 零个或多个
  • 一个可选的 元素

emmmm前端还挺好玩的。。。