【唢呐教程从零开始】从零开始的html教程(5):图像插入与表格介绍

时间:2020-12-14  来源:链接特效  阅读:

一、如何插入图像?

元素可以向网页插入图片,XXX就是图片的路径,可以是本地路径或者网址,例如:就是链接的网页地址。标签没有结束标签,跟
标签一样加个斜线"/",完整的形式应该是一定要有src属性的,不要丢。

我们来试着插入一张图片吧。dreamweaver中输入

二、修改图像显示的大小

width属性height属性可以规定图像的大小,其中width指定图像显示的宽度,height指定图像显示的高度

我们将img标签添加上width属性和height属性:

完成后的显示效果:

三、html中的表格

html中定义表格,简单的 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元

table标签也可以加上width属性和height属性,在网页中添加了一个table表格:



  th1
  th2


  td1
  td2

添加表格后的效果图:

table中的border属性决定了表格边框线的厚度,0就是没有。

border值改成0之后就是这样的:

四、我们来制作个复杂点带图片的表格吧

结合前面的知识,做一个带有表格和文字的表格。

table如下,仅仅是在td里嵌入了标签,非常简单:



 
 
 

菊花


 


 
 
 

企鹅


 


 
 

沙漠


 



 
 
 

灯塔


 


 
 
 

水母


 


 
 
 

考拉


 



同学们自己动手试试哦,熟能生巧。这篇教程介绍了标签用法和标签的用法,同学们复习一下然后继续学习吧!

【唢呐教程从零开始】从零开始的html教程(5):图像插入与表格介绍

http://m.bbyears.com/wangyetexiao/116474.html

推荐访问:管子教程从零开始