HTML知识点总结以及典型例子讲解_html/css_WEB-ITnose
程序员文章站
2022-04-06 19:05:06
...
一、HTML文本格式化标签(这些标签都不换行)
eg:
1 2 3 4 5HTML文本格式化标签 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 5HTML图像 6 7 8 9图像背景
10gif 和 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 3 4
(5)可以将图像作为链接使用
(6)创建图像映射:即使用
三、HTML表格
1、表格标签
2、表格中的空单元格
如果某个单元格是空的(没有内容),浏览器可能无法显示出这个单元格的边框。为了避免这种情况,在空单元格中添加一个空格占位符,就可以将边框显示出来。(
推荐阅读
-
常见浏览器兼容问题、盒模型2种模式以及css hack知识讲解_html/css_WEB-ITnose
-
CSS易混淆知识点总结与分享-定位与布局_html/css_WEB-ITnose
-
史上最全的HTML、CSS知识点总结,浅显易懂。_html/css_WEB-ITnose
-
css前端知识点总结_html/css_WEB-ITnose
-
css前端知识点总结_html/css_WEB-ITnose
-
史上最全的HTML、CSS知识点总结,浅显易懂。_html/css_WEB-ITnose
-
CSS易混淆知识点总结与分享-定位与布局_html/css_WEB-ITnose
-
HTML知识点总结以及典型例子讲解_html/css_WEB-ITnose
-
HTML知识点总结以及典型例子讲解_html/css_WEB-ITnose
-
常见浏览器兼容问题、盒模型2种模式以及css hack知识讲解_html/css_WEB-ITnose