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.表格