HTML的基本标签II

HTML的基本标签

1.超链接的标签 a
超链接的内容包括文字超链接、图片超链接这种单击之后可以跳转到新的页面，导航栏，通过导航栏进入到各个界面里面去。
格式：
< a herf =“网址”> 文字或图片 < /a>
a标签成对出现，其中加粗字体“文字或图片”部分的内容就是我们用来单击进行连接的文字或图片部分。
href 属性是超链接的意思，通过设置这个属性的取值，来设定链接的网址。
例子1：< a herf =“news.html”>新闻 < /a>
适用情况：跳转到本站点的其他网页。
效果：单击新闻，出现新闻跳转页面。新闻是新闻页面的文件名。
注意：news.html根据下一节路径的学习我们可以知道，这其实是相对路径，也就是说news.html与index.html存放在同一文件夹下。
例子2：< a herf =“http：//www.baidu.com”> 百度 < /a>
适用情况：跳转到其他站点的网页。需要带有协议部分的地址
例子3：< a herf ="#"> 版块2 < /a>
适用情况：不知道即将要跳转到那个页面上，采用虚拟超链接的方式来设置href属性，将它的地址设置为一个**#号
效果：依然出现超链接的“小手”，但是单击之后不能链接到任何位置。
2.怎么插入一副图像？
（1）图像的格式
网页中常见的图像格式：
JPG——有损压缩，色彩丰富的图片（鲜明的人物图和风景画**）。
GIF——简单动画、背景透明（色彩单一的图片或者是小的图标）。
PNG——无损压缩、透明、交错、动画 。（透明：可以是某一种指定图形的透明，也可以是背景透明；交错：在显示图片的过程中从概貌逐渐变化到全貌，看上去也就是清晰度从小变大）
（2）用img标签插入图像
<1> img标签单独出现，后面用 /封闭掉它
<2>下面我们通过语句< img src=“W3school.gif” alt=“w3c”/>来理解img的两个属性
第一个是 src属性（图片的完整路径+带有后缀的文件名），表明图片的来源，引号内放上图片的名字；第二个是alt属性，它所设置的就是图片的替换文本，当图片因为某一些原因打开失败时，浏览器会自动找到alt属性，然后把属性里面的内容读出来。
(3）理解绝对路径与相对路径
路径表示方法：/
向上一级文件夹：…
绝对路径：以盘符为起始位置，依次寻找每一层的文件夹
直至找到这个图片，其中的路径称为绝对路径。
缺点：这个图片只能在此盘此路径下被找到，当完成网站的制作之后，随着服务器可能迁移到服务器的其他端的位置时例如其他盘，图片就不能被正确的找到。
相对路径：以该引用文档所在的文件夹的位置为基准，来查找图片文件所在的位置。例如：如果网页文件和图片在同一个文件里面，则src属性直接可以设置为此图片的文件名。
3.区域标签div
目的：确定一个单独的区域，可以设置单独的css样式。
4.表格