6.2标签和列表

Posted 2020-11-10 吻泪

一、标签

属性(在开始标签里写键值对)

   例如： style=“属性值”
颜色
   1.英文 如：red
   2.16进制代码 例如：#cccccc #ccc
   3.Rgba(0~255,0~255,0~255,0~1)前三个是rgb值，0~255，0表示最深，r是red,g是green,b   是blue 整个颜色由rgb三色配成

  a:透明度0-1;
  0:完全透明;
  1：完全不透明

路径
  1.绝对路径（从根开始找）/根盘符/具体路径
  2.相对路径（从自身位置开始找）自身叫index.html
  Wjjaa.html
  ./ 同级文件夹 可省略
  ../ 上级文件夹
  ./Wjj/ 下一级

实体
  &实体符号；
  常用  空格实体符号

a标签          

1、页面跳转

         <a href="路径" target="打开方式">内容</a>

例子：<a href="http://www.baidu.com" target="_blank">

       跳转到百度</a>   直接点击打开网站

<a href="wjj/aa.html">跳转页面1</a>点击跳转指定目录内的网页

2、定位：

         设定锚点

              在要定位到的位置 找一个标签给他加id属性 属性值就是锚点名称

         定位到锚点

              跳转的指定锚点

      例子：<a href="#id名称">内容</a>

<标签 id=”id名称”>跳转目标位置内容</标签>

3、下载 其他

       a标签跳转到的文件 浏览器打不开  提供下载

   先将图片压缩，然后输入路径

img标签             图片

       <img src="路径" alt="图片替代文本">

   可以和a标签嵌套使用

例子：图片下载  <a href="../手绘素1.7z">

                              <img src="手绘素1.jpg" width="400" height="350" >

                          </a>

iframe标签    窗口框架

    <iframe> 标签规定一个内联框架。

    一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。

  例子：<iframe name="aaa" src="a_img_li.html" frameborder="0"></iframe>

 例子：

 

 

二、列表

列表标签: ol ul  li

无序列表ul

有序列表ol

列表格式

<ul>

       <li>内容</li>

       <li>内容</li>

       <li>内容</li>

</ul>

列表可以嵌套分级使用

例子：<ol>

             <li>济南</li>

             <li>淄博

               <ol>

                  <li>张店</li>

                  <li>周村</li>

                  <li>临淄</li>

                  <li>淄川</li>               

              </ol>

            </li>

       </ol>

结果显示：

 

 

 

 

 

博客里写

1. 遇到问题。
2. 怎么解决的。
3. 上课讲的

注意：

     1. 文件发送

      压缩后写清发送日期名称内容

     2.代码格式缩进，注意嵌套