HTML基本代码

HTML

今天回顾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>

 

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