当前位置 : 主页 > 网络编程 > 其它编程 >

web前台入门到实战:HTML基础标签图片文本超链接列表表格详情

来源:互联网 收集:自由互联 发布时间:2023-07-02
1.HTML基础标签图片常见代码形式imgsrchttps://www.php1.cn/detail/图片路径地址alt属性名title占位符常见的图片格式为以下三种:.jpg(图片有损压缩,影响画质)、.png(图片无损压缩、容积大
1.HTML基础标签图片常见代码形式imgsrchttps://www.php1.cn/detail/图片路径地址alt属性名title占位符常见的图片格式为以下三种:.jpg(图片有损压缩,影响画质)、.png(图片无损压缩、容积大

1.HTML基础标签图片常见代码形式属性名常见的图片格式为以下三种:.jpg(图片有损压缩,影响画质)、.png(图片无损压缩、容积大、具备透明通道)、.gif(动图)。https://www.php1.cn/detail/图片路径地址分为本地图片和网络图片,本地图片中分为绝对路径(从盘符开始算起)和相对路径(从当前路径算起),相对路径属于平级关系,假如图片相对于上一级,体现形式为"../"在属性名中,alt="属性名"是当图片无法正常展现出来时显示的文字,title="占位符"是鼠标移动到图片上展现出来的提示文字。

2.HTML基础标签文本分为这个段落

标题h1-h6,文本随标签数字的增大而减小,标题的展现代码如下:

1 2 3 4 5 6 7 8 9

标题1

10

标题2

11

标题3

12

标题4

13
标题5
14
标题6
15 16 专门建立的学习Q-q-u-n: 784783012 ,分享学习的方法和需要注意的小细节,不停升级最新的教程和学习技巧(从零基础开始到前台项目实战教程,学习工具,全栈开发学习路线以及规划)

在这里不得不说的是浏览器的机制:针对空格、回车、table键,只需在字符之间(何谓字符,相似

我是字符

就是在这个标签之间的文字),浏览器就会强制的转换为一个空格;假如没有在字符之间,则会直接清空,当然我们在编辑器中的排列增加的空格是为了排版的需要!假如想要排版展现的文字和在浏览器窗口展现的一样,我们应该怎样办?常见代码如下:

1 2 3 4 5 6 7 8 9 换行10


下划线 11 空格 12 文本格式化标签: 13 文本加粗14 斜体15 删除线16 17

3.html基础标签超链接,常见形式为文本,在href="#"里面,这个#可以替换为任何网址,假如不写就为空,用#表示。点击链接的文本,链接的网址打开形式分为当前窗口和新窗口打开,展现代码为新窗口打开,当前窗口打开,还有我们常说的书签标记:锚点展现代码形式如下

View Code

1 68点击跳转1或者者也可以这样写:168点击跳转1,除此之外,默认的点击返回顶部

View Code

4.html基础标签列表分为无序列表,有序列表,自己设置列表,字面意思了解就是有无顺序的区别,代码展现形式如下:

1 2 3 4 5 6 7 8 9 10

    11
  • 1
  • 12
  • 2
  • 13
  • 3
  • 14
  • 4
  • 15
16 17 18
  • 1
  • 19
  • 2
  • 20
  • 3
  • 21
  • 4
  • 22 23 24 25
    26
    文本
    27 28 29 30

    5.html基础标签表格包含若干行,行里面包含若干个单元格,单元格的标题是内容为,在表格中最重要的2个是合并行或者者列,而colspan=""代表的是单元格可横跨列数rowspan=""代表的是可横跨行数,展现代码:

    专门建立的学习Q-q-u-n: 784783012 ,分享学习的方法和需要注意的小细节,不停升级最新的教程和学习技巧(从零基础开始到前台项目实战教程,学习工具,全栈开发学习路线以及规划) 1 2 3 4 5 6 7 8 9 10 colspan列数rowspan行数11 12 部门13 姓名14 性别15 工资16 17 18 小明19 男20 1W21 22 23 小林24 男25 1W26 27 28 小影29 女30 1W31 32 33 工资合计34 3W35 36 37 38 专门建立的学习Q-q-u-n: 784783012 ,分享学习的方法和需要注意的小细节,不停升级最新的教程和学习技巧(从零基础开始到前台项目实战教程,学习工具,全栈开发学习路线以及规划)【感谢龙石为本站提供数据共享交换平台 http://www.longshidata.com/pages/exchange.html】

    上一篇:keypad(键盘矩阵)指南
    下一篇:没有了
    网友评论