基础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添加,合并几个,数字写几
合并之后,多余的单元格需要删除

 

posted @ 2020-03-24 19:52  strongerPian  阅读(142)  评论(0编辑  收藏  举报
返回顶端