前端之HTML---格式化&图像

HTML标签的那些事儿

文本格式化标签

主要负责加粗、斜体、下划线等word中类似字体功能的设置。

名称 内核 说明
加粗 <strong>或者<b> 推荐使用strong,更强烈
倾斜 <em>或者<i> 推荐使用em,更强烈
删除线 <del>或者<s> 推荐使用del,更强烈
下划线 <ins>或者<u> 推荐使用ins,更强烈

div和span标签

这两个没有实体意义,是盒子布局。

1
2
3
4
<div>大盒子,独占一行</div>
<div>大盒子,独占一行</div>
<span>小盒子</span>
<span>小盒子</span>

一行只能放一个div,大盒子。span一行可以多个,小盒子。效果见下图:

html_div_and_span

图像标签

1
<img src="image url"/>

这个就类似xml的写法一模一样。

属性 说明
src 图片路径 必选
alt 文本 如果图像显示异常时显示的文字
title 提示文本 鼠标放上去会弹出
width pix 宽度
height pix 高度
border pix 边框粗细

宽度和高度一般就修改一个,另一个可以等比缩放。边框一般通过CSS设定,很少直接用这个属性。

图像标签属性可以多个同时写,不过必须通过空格隔开。