HTML学习日记一

HTML学习日记一

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

各种标签

标题标签：

n:1-6字体从大到小，加粗加黑,独占一行。n>=6时，始终按照6的大小显示。
html


简介1

简介2

简介3

简介4

简介5

简介6

水平线标签：

html


---




段落标签

html





字体标签

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


图片标签

src：图片的位置:

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

width，height：图片的宽高

alt：图片无法显示的时候提示的信息
html



列表标签

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

  
  <ol reversed start="1" type="a,i,I,1,A">
      <li>1li>
      <li>2li>
      <li>3li>
      <li>4li>
      <li>5li>
  ol>

  • 无序列表
    type：3种类型
    

    
    <ul type="square">
        <li>1li>
        <li>2li>
        <li>3li>
        <li>4li>
        <li>5li>
    ul>

超链接标签

/#号:代表页面不跳转

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

表格标签

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

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

表格合并行列的操作：

        <tr>
           <td>ggtd>
           <td colspan="2" rowspan="2">ggtd>
           <td>ggtd>
       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>