HTML学习日记一

本文主要介绍关于html的一些标签的使用。

各种标签

标题标签：

n:1-6字体从大到小，加粗加黑,独占一行。n>=6时，始终按照6的大小显示。
html
<h1>简介1</h1>
<h2>简介2</h2>
<h3>简介3</h3>
<h4>简介4</h4>
<h5>简介5</h5>
<h6>简介6</h6>


水平线标签：

html
<hr/>


段落标签

html
<p></p>


字体标签

color:可以是英文单词也可以是rgb数值
face：字体（需要本机有）
size：1-7字体逐渐变大 n>=7时，n=7
html
<font color="#dc143c" size="6">第二段嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻</font>


图片标签

src：图片的位置:

            绝对路径：带有盘符的            相对路径：                    1.同级：直接写文件名                    2.上级：../                    3.下级：目录名称/文件名称

width，height：图片的宽高

alt：图片无法显示的时候提示的信息
html
<img src="img/1.png" width="100px" height="100px" alt="无法显示"/>


列表标签

• 有序列表：
  type：a,i,I,1,A五种类型
  start：起始位置
  reverse：倒序

  <!--有序列表--><ol reversed start="1" type="a,i,I,1,A">    <li>1</li>    <li>2</li>    <li>3</li>    <li>4</li>    <li>5</li></ol>

  

  • 无序列表
    type：3种类型
    

    <!--无序列表--><ul type="square">    <li>1</li>    <li>2</li>    <li>3</li>    <li>4</li>    <li>5</li></ul>

  

超链接标签

/#号:代表页面不跳转

<a href="https://www.baidu.com/" target="_blank">aaaaaaaaaa</a><a href="#" target="_blank">aaaaaaaaaa</a>

表格标签

border：边框宽度
width，height：宽高
bgcolor：背景颜色
cellspacing：边框与边框的距离
cellpadding：边框与内容的距离
align：center：居中显示

<table>  <tr>    <td></td>  </tr></table>

表格合并行列的操作：

        <tr>           <td>gg</td>           <td colspan="2" rowspan="2">gg</td>           <td>gg</td>       </tr>

框架集结构标签

用于将页面用于区域划分
cols:垂直划分
rows：水平切割划分
*：表示剩下的部分
src:制定该区域的文件
name：通常结合超链接的target使用，定义最终的显示位置

<frameset rows="20%,*">  <frame src="top.html" />  <frameset cols="20%,*">    <frame src="left.html" />    <frame name="right" />  </frameset></frameset>