欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

记录百里半

程序员文章站 2022-03-07 09:10:24
记录百里半 今天回顾html,总结一下今日所学内容。 正文 目的:通过一些基础的标签制作关于LOL的静态网页 所用代码: 1.div中套div的话,若定义了第一个盒子的大小,被它包含的盒子就默认为同样的形式; 2.图片标签img,用法: 3.url目录:同一资源定位器,寻找资 ......

今天回顾html,总结一下今日所学内容。

-------------------正文--------------------------

目的:通过一些基础的标签制作关于lol的静态网页

所用代码:

1.div中套div的话,若定义了第一个盒子的大小,被它包含的盒子就默认为同样的形式;

2.图片标签img,用法:<img src:..>

3.url目录:同一资源定位器,寻找资源位置,分为三种;

  1)绝对路径

    带盘符的物理绝对路径:c:\users\administrator\desktop\0708\img\lol.png

    可访问互联网上的资源(打开任意网站控制口,找到相应的链路,复制即可)

    协议名:http、https

    主机名 ip地址/域名://www.baidi.com

  2)相对路径

    指从文件当前的位置查找需要的资源,经过的路径

  3)服务器路径 根相对路径  只有服务器才能使用

    /开始找文件

web支持的图片格式:

  1)png:无损压缩 ,8位24位32位颜色,支持透明色;

  2)jpg:压缩过的文件  jpeg *.jpg

  3)gif:支持动画

属性:

   src : url 在服务器端严格区分大小写,在本机不受影响;

   在web图片中,如果只修改width或height中的一个属性,另一个属性就会跟着等比缩放;

————————————分割线——————————————

<u></u>下划线

<b></b>指定字体加粗

表格格式:

<table>————cellpadding="0px"指表格内文字与边的距离,border="1px"指表格边框厚度,cellspacing="0"指表格边框内的厚度大小

  <caption></caption>———居中某些字

  <tr>

    <th></th>——表格内标题字,自动居中加粗

    <td></td>——存放内容的地方

  </tr>

</table>

有序列表:

<ol>

  <li></li>

</ol>

无序列表:

<ul>

  <li></li>

</ul>

锚点(跳转到网页中指定的区域):

<a href="#指定id">指定跳转文字</a>

<h1 id="指定id">跳转文字</h1>

 

————————分割线————————

 

 

学习总结:以上就是今天的学习内容,希望以后能在这里学习到更多知识,也能坚持写博客,记录每天的点点滴滴。