《HTML常用标签》

173 阅读2分钟

1,a标签常用属性有href、target、download等

 href是超级链接,可以链接到指定目标的url地址,总共有9种取值方法:
       
       网址: https://google.com
             http://google.com
             //google.com
       路径: /a/b/c以及a/b/c
             index.html以及./index.html
       伪协议:javascript:代码;
             mailto:邮箱
             tel:电话
       id:   href=#xxx
 
 target指定链接页面的打开方式 _self是默认值,_blank是在新窗口打开,取值方法:
 
      _blank  浏览器总在一个新打开、未命名的窗口中载入目标文档
      _top    使文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口
      _parent 使文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效
      _self   目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 <base> 标签中的 target 属性一起使用

2,img 标签的用法

 html的图像是通过<img>标签来实现的
 
  属性                   属性值                          说明

src                    图片路径                   必须属性

alt                    文本                      图片未显示时,提示图片内容

title                  文本                      提示文本,鼠标放到图像上,显示的文字

width                  像素                      设置图像的宽度

height                 像素                      设置图像的高度

border                 像素                      设置图像的边框粗细

3,table 标签的用法

 table 标签用来定义 HTML 表格 
 一个 HTML 表格包括 <table> 元素,一个或多个 <tr>、<th> 以及 <td> 元素。
 <tr> 元素定义表格行
 <th> 元素定义表头
 <td> 元素定义表格单元

更复杂的 HTML 表格也可能包括

 <caption>
 <col>
 <colgroup>
 <thead>
 <tfoot>
 <tbody>

<table> 标签用法

     <table>
        <thead>
                <th>小明</th>
                <th>小王</th>
        </thead>
        <tbody>
        <tr>
              <th>数学</th>
              <td>90</td>
              <td>80</td>
        </tr>
        <tr>
              <th>语文</th>
              <td>90</td>
              <td>80</td>
        </tr>
        </tbody>
        <tfoot>
              <th>总分</th>
              <td>180</td>
              <td>160</td>
        </tfoot>
     </table>

最后,我觉得只有大量练习实践,才能完全的掌握这些常用标签,并且彻底理解!