HTML标签

HTML标签又称元素，比如

<p>abc</p >

前面的p是开始标签，后面的是结束标签，abc是内容。不同的标签有不同的用处，接下来让我们看一下常用的几个标签。

a标签的用法

<a href="">链接文字</a>

a标签用于跳转，一般用来

跳转外部界面
跳转内部锚点
跳转到邮箱或者电话等

a标签的属性：

href：链接一个地址，可以是网络来源也可以是本地资源
target：打开新页面的方式，默认是在当前页面打开新页面，一般也可以设置为_blank，在新页面打开
download:可以下载链接到的网页

href的取值范围一般是

网址
路径（注意，/a/b/c其中a前面的/不代表计算机的根目录，代表http服务的根目录）
伪协议（可以执行JavaScript伪协议、mailto邮箱、tel手机号等）
内部锚点（href=#ID）

target的取值： 内置名字:

_blank 在新页面打开链接
_top 如果链接被包含在一个frame里，清除被包含的框架在整个页面里打开
_parent 在父窗口里打开页面
_self 在相同的页面或者框架里打开

程序员命名：

window的name
iframe的name

img标签的用法

 <img src="" alt="">

img标签是一个单标签。它会发出get请求，展示图片。

属性

src：图片路径（网络、本地）
alt：当图片get不到的时候，显示的文字
height/width：高度或者宽度，只写其中一项，另一项会自适应

js事件

onload 跟踪资源的加载成功
onerror 跟踪资源的加载失败

响应式 max-width:100%

可替换元素

简单来说，它们的内容不受当前文档的样式的影响。CSS 可以影响可替换元素的位置，但不会影响到可替换元素自身的内容。某些可替换元素，例如元素，可能具有自己的样式表，但它们不会继承父文档的样式。（来源mdn）

table标签的用法

   <table>
       <thead>
           <tr>
               <th>标题</th>
           </tr>
       </thead>
       <tbody>
           <tr>
               <td>第一行第一列</td>
               <td>第一行第二列</td>
           </tr>
           <tr>
               <td>第二行第一列</td>
               <td>第二行第二列</td>
           </tr>
       </tbody>
       <tfoot></tfoot>
   </table>

table标签有thead（标题部分）、tbody（主体部分）、tfoot（表格脚部）组成，如果不在代码中标明的话，浏览器默认所有都是tbody，为了更好的语义化，应该在代码中写明。

tr：table row代表行
th：table head代表表格标题，内容会自动加粗
td：table data代表表格中的数据

table的一些样式

table-layou:

auto(根据内容，自动计算每列每行的宽高)
fixed(根据表格宽度调整，等宽)
inherit(从父元素继承)
initial(设置css属性为默认值)
unset(如果该属性默认继承属性，等同于inherit；是非继承属性，等同于initial)

border-collapse: collapse 合并 border-spacing 间隙

感想

学习前端已经一周了，目前学到的HTML内容可以做出一个简简单单的网页，很开心！之后要更加认真学习，希望有一天可以做出好看又实用的网页。

HTML常用标签

HTML标签

a标签的用法

img标签的用法

table标签的用法

感想