码迷,mamicode.com
首页 > Web开发 > 详细

HTML常用标签

时间:2020-01-30 20:43:41      阅读:112      评论:0      收藏:0      [点我收藏+]

标签:eve   blank   developer   邮件   因此   数据表   也会   nload   屏蔽   

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-width: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前端还挺好玩的。。。

HTML常用标签

标签:eve   blank   developer   邮件   因此   数据表   也会   nload   屏蔽   

原文地址:https://www.cnblogs.com/pipemm/p/12243542.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!