Rumah > Artikel > hujung hadapan web > HTML知识点总结以及典型例子讲解_html/css_WEB-ITnose
一、HTML文本格式化标签(这些标签都不换行)
eg:
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>HTML文本格式化标签</title> 6 </head> 7 8 <body> 9 <b>定义粗体文字</b><br />10 <big>定义大号字</big><br />11 <em>定义着重文字</em><br />12 <i>定义斜体字</i><br />13 <small>定义小号字</small><br />14 <strong>定义加重语气</strong><br />15 <sub>定义下标字</sub><br />16 <sup>定义上标字</sup><br />17 <ins>定义插入字</ins><br />18 <del>定义删除字</del><br />19 </body>20 </html><br />
效果:
二、HTML图像
1、图像标签:
2、源属性(Src)、替换文本属性(Alt)
src: 指 "source",源属性的值是图像的 URL 地址。
alt:在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。
3、图片应用实例
(1)将图片当做背景
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>HTML图像</title> 6 </head> 7 8 <body background="1.png"> 9 <h3>图像背景</h3>10 <p>gif 和 jpg 文件均可用作 HTML 背景。</p>11 <p>如果图像小于页面,图像会进行重复。</p>12 </body>13 </html>
效果:
(2)排列图片:使用align属性(align="bottom";align="middle";align="top")
(3)图像的浮动:使图片浮动至段落的左边或右边:使用align属性(align="left"或align="left")
(4)调整图像尺寸:通过改变 img 标签的 "height" 和 "width" 属性的值,可以放大或缩小图像
1 <body>2 <img src="1.png" style="max-width:90%" style="max-width:90%" alt="HTML知识点总结以及典型例子讲解_html/css_WEB-ITnose" >3 <img src="1.png" style="max-width:90%" style="max-width:90%" alt="HTML知识点总结以及典型例子讲解_html/css_WEB-ITnose" >4 </body>
(5)可以将图像作为链接使用
(6)创建图像映射:即使用
三、HTML表格
1、表格标签
2、表格中的空单元格
如果某个单元格是空的(没有内容),浏览器可能无法显示出这个单元格的边框。为了避免这种情况,在空单元格中添加一个空格占位符,就可以将边框显示出来。(
3、设置表格边框: