【HTML5从入门到精通】之【HTML篇】3.HTML的图片标签、超链接标签、表格标签_编码库
首页 > 网页设计 > html5设计

【HTML5从入门到精通】之【HTML篇】3.HTML的图片标签、超链接标签、表格标签

文章作者码农 发布时间2020-07-06 18:10:00 阅读次数 0 本文共计:2578 字 文章评论 0 汇编语言程序设计 程序设计实践 JAVA基础 JAVA学习 JAVA语言 程序设计 程序员 windows程序设计 算法与程序设计 结构化程序设计
1.图片标签 img src:图片路径 width:设置图片的宽度,如果是单独设置,则保存图片比例进行修改,单位可以是px和% height:设置图片的高度,如果是单独设置,则保存图片比例进行修改,单

1.图片标签

img
  src:图片路径

  width:设置图片的宽度,如果是单独设置,则保存图片比例进行修改,单位可以是px和%

  height:设置图片的高度,如果是单独设置,则保存图片比例进行修改,单位可以是px和%

  title:鼠标放在图片上提示图片名称

  alt:当图片路径有误的时候用来提示

 

路径:

  绝对路径:从根盘符出发所查找文件的路径

  相对路径:从当前文件出发查找另一个文件所经过的路径

注:

  1.一般本地图片资源使用相对路径即可

  2.图片是行内元素

例:

2.超链接标签

1.超链接标签学习:

a:

  herf:要跳转的页面的资源路径

  target:指明要跳转的网页资源的显示位置

    _self:在当前页面中刷新显示

    _blank:在新的标签页中显示

    _top:在顶层页面中显示

    _parent:在父级页面中显示

  本地资源:相对路径

  网络资源:其他网址

  注:超链接中要声明访问方式,访问方式可以是文字也可以是图片

例:

2.锚点:

  作用:在一张网页中进行资源调转

  使用:

    1.使用超链接标签在指定的网页位置增加锚点,格式为:

      <a name="锚点名"></a>

    2.使用a标签可以跳转指定的锚点,达到网页内部资源跳转的目的,格式为:

      <a href="#锚点名">访问方式</a><br />

例:

3.表格标签

1.表格标签:

  table:声明一个表格

    tr:声明一行,此处设置行高

      th:声明一个单元格,默认居中, 加黑,此处设置列宽

      td:声明一个单元格,默认局左显示原始数据

  属性:

    border:给表盒添加边框

    width:设置表格宽度

    height:设置表格高度

    cellpadding:设置内容到边框的距离

    cellspacing:设置边框大小

  特点:

    默认根据表格的大小决定表格的大小

例:

 

2.表格的合并

  第一步:画一个完整的表格

  第二步:根据要合并的单元格,找到其所在源码

  第三步:行合并:使用colspan,列合并:使用rowspan

例;

 

关键词: html5,html5从入门到精通,html5代码
后台-系统设置-扩展变量-手机广告位-内容正文底部
关于源码库

本站文章仅代表作者观点,不代表本站立场,所有资源非营利性免费分享。
编码库致力于各类程序源代码、程序设计与应用、网络程序源代码的资源共享,希望广大程序员努力学习,让我们用科技改变世界。
【HTML5从入门到精通】之【HTML篇】3.HTML的图片标签、超链接标签、表格标签:http://www.0314.online/webwangyezhizuo/html5/38122.html

后台-系统设置-扩展变量-手机广告位-评论底部广告位

合作伙伴

编码库

http://www.0314.online/

统计代码 | 冀ICP备19024639号-1

Powered By 编码库 信息来自互联网