欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

HTML知识点总结以及典型例子讲解_html/css_WEB-ITnose

程序员文章站 2022-04-22 12:43:42
...
一、HTML文本格式化标签(这些标签都不换行)

eg:

 1  2  3   4 5 HTML文本格式化标签 6  7  8  9     定义粗体文字
10 定义大号字
11 定义着重文字
12 定义斜体字
13 定义小号字
14 定义加重语气
15 定义下标字
16 定义上标字
17
18 定义删除字
19 20

效果:

二、HTML图像

1、图像标签:

    标签指带有可点击区域的图像映射,定义其具体位置

2、源属性(Src)、替换文本属性(Alt)

  src: 指 "source",源属性的值是图像的 URL 地址。

  alt:在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。

3、图片应用实例

  (1)将图片当做背景

 1  2  3  4  5 HTML图像 6  7  8  9     

图像背景

10

gif 和 jpg 文件均可用作 HTML 背景。

11

如果图像小于页面,图像会进行重复。

12 13

  效果:

  (2)排列图片:使用align属性(align="bottom";align="middle";align="top")

  (3)图像的浮动:使图片浮动至段落的左边或右边:使用align属性(align="left"或align="left")

  (4)调整图像尺寸:通过改变 img 标签的 "height" 和 "width" 属性的值,可以放大或缩小图像

1 2     HTML知识点总结以及典型例子讲解_html/css_WEB-ITnose3     HTML知识点总结以及典型例子讲解_html/css_WEB-ITnose4 

  (5)可以将图像作为链接使用

  (6)创建图像映射:即使用 标签创建带有可供点击区域的图像地图

 

三、HTML表格

1、表格标签

2、表格中的空单元格

  如果某个单元格是空的(没有内容),浏览器可能无法显示出这个单元格的边框。为了避免这种情况,在空单元格中添加一个空格占位符,就可以将边框显示出来。(