基础1
html的语言组成
标签
常规标记(双标签):<标签 属性="值"属性="值"></标签>
空标记(单标签):<标签 属性="值" />
常用标签
h1-h6: 标题标签
特征: 文字加粗变大,依次变小,单独占据一行,h1在一个页面中只允许出现一次,
其他的可以多次出现,常用 h2-h3
i / em:倾斜标签
特征:倾斜文本,只占据自己内容位置大小
sub: 下标标签
sup: 上标标签
ul > li:无序列表标签
type="disc/square/circle"通常不用,因为丑还不好控制
去掉小黑圆点list-style:none;
特征:单独占据一行,一般用来做单导航,列表
ol > li: 有序列表
type="a/A/1/i/I"申明修饰符号,通常不用,
start="3"从第三个开始
特征:单独占据一行,一般用来做单导航,列表
Li*8>a{内容}tab
a:超链接标签
特征:实现页面与页面之间的跳转,只占据自己内容大小的位置,默认文本蓝色带有下划线
href="跳转地址"
target="页面打开方式"
_self 在当前页面刷新(默认值)
target= " _blank" 在新窗口中打开
img; 图片标签
src="图片路径"
alt="文本信息"
title="提示文本"
width="宽度"
height="高度"
注意:只写宽度或者高度,另一边等比例缩放
div:盒子标签
特征: 单独占据一行,用来搭建页面结构
注释<!- -注释 - ->
table: 单元标签
tr: 行
td:单元格
border="设置边框"
bordercolor="边框颜色"
cellspacing="单元格边框与边框之间的距离"
cellpadding="单元格与内容之间的距离"
注意:给table添加
align="表格水平位置"
left 在左边
center 在中间
right 在右边
widht="宽度"
height="高度"
cellspacing="边框与边框之间的间隙"
cellpadding="单元格与内容之间的间隙"
注意:给table添加
aling="水平对齐方式"
left center right
valing="垂直对齐方式"
top middle bottom
colspan="合并列"左右合并
rowspan="合并行"上下合并
注意:给td添加,合并几个,数字写几
合并之后,多余的单元格需要删除