[JavaScript知识库]一. HTML常用标签

一.HTML标签

1.标题标签

分为h1~h6六个等级，标题大小依次递减，格式如下

<h1>标题一</h1>
<h2>标题二</h2>
<h3>标题三</h3>

注意一个网页内不要多次使用一级标题

2.段落标签

<p></p>
<!--会自动换行-->

3.换行标签

<br>    或者是      <br/>

4.水平线标签

常用属性：color(颜色) size（粗细） width（长度，按百分比）

<hr>    <!--默认状态-->
<hr color = "red"  size = "3"  width = "50%"  align = "left">    
                                               <!--左对齐-->

5.列表

5.1无序列表

<ul type = "square">    <!--通过type来设置样式-->
    <li>一二一</li>
    <li>一二三四</li>
    ......
</ul>

5.2有序列表

<ol type = "A">
    <li>你好</li>
    <li>世界</li>
    ......
</ol>

6.div标签

<div style = "width: 300px; height: 300px;" align = "center">
    <!--  这里写内容-->
</div>
你好
<!--你好会再另起一行-->

默认占全部的宽度，可以设置div的宽（width），高（height），通过align设置对齐方式

7.span标签

<span></span>
你好
<!--你好会继续跟在后面，不会重起一行-->

8.格式化标签

8.1 font 标签

<font>你好啊</font>

<font color = "aqua" size = "5" face = "楷体">你好</font>

8.2 pre 标签

<pre>
你好
     世界
     <!--预格式化标签，保留换行和空格的效果-->
</pre>

8.3 其他标签

<b></b>               <!--加粗-->
<i></i>               <!--倾斜-->
<u></u>               <!--下划线-->
<del></del>           <!--删除线-->
<sup></sup>           <!--上标-->
<sub></sub>           <!--下标-->

9.a标签

• 常用属性：

  • href:需要跳转的地址 （必须属性）

  • target：窗口打开的方式

    ? _self：在当前窗口跳转（默认）

    ? _blank：新建窗口跳转

• 作为锚点：

  • niahaia
  • ncaca

  <a href = "#">回到顶部</a>   <!--在当前页面回到顶部-->
  
  
  <p id = "yyjl">演艺经历</p>
  <a href = "#yyjl">演艺经历</a>    <!--回到演艺经历地方-->
  
  

10. 图片标签

向网页中嵌入一张图片

<img src ="图片地址" width = "300" height = "300" 
     border = "3" title = "纽约" alt = "风景图" />

11.表格标签

• table 表格
  • table 属性
    • width 表格宽度
    • border 边框
    • align 对齐方式
    • style = “border-collapse: collapse;” 合并表格的边框
• tr 行
  • tr 属性
    • align 行的内容的对齐方式
    • bgcolor 行的颜色
• td 标准单元格
• th 表头