HTML标签

1.块级标签
1)div标签 搭建网页结构的基本标签,无语义标签
宽度100%,高度自适应,独立成行–默认垂直布局。
2)标题标签 h系列标签,通过h1~h6,h1定义最大标题,同一页面中只能出现一次,从h1-h6大小依次减小,重要程度依次减弱。
宽度100%,高度自适应,独立成行–默认垂直布局,自带间距和加粗。
3)段落标签 p标签 用于排版大段文字
宽度100%,高度自适应,独立成行–默认垂直布局,自带间距。
4)无序列表 ul-li 默认列表符为实心圆
宽度100%,高度自适应,独立成行–默认垂直布局,自带间距,填充和列表符。
清除自带的列表符:li{list-style:none;}
5)有序列表 ol-li 默认情况下使用数字
start属性 开始值;type属性 列表项类型(1,a,A,i,I);reversed属性 倒序。
6)自定义列表 dl dt dd (dd内容默认会缩进显示)
dt:放列表标题或专业术语;dd:列表项或对专业术语的解释。
宽度100%,高度自适应,独立成行–默认垂直布局。
2.行级标签 格式化标签:
1)span标签 万能标签,用于区分样式
2)em标签 用来呈现被强调的文本,在文本中呈现斜体效果;
3)i标签 在文本中呈现斜体效果,无语义。
4)strong标签 语义标签,加强字符语义,用来定义重要文本,在文本中呈现粗体效果。
5)b标签 实体标签,所包围的字符都为粗体效果,无语义。
所有的行级标签,宽度高度自适应,默认横向显示;换行空格解析成(一个)空格。
3.内联标签–行块元素
1)img标签 前景图片标签
src=图片的路径,alt=替换文本,title=当鼠标悬停到图片上时的提示信息。
特点:具有 行级元素的特征:水平布局,换行、空格会解析成空格;具有块级元素的特征:元素可以设置宽高,内填充。
前景图占位,可以撑开父盒;
前景图可以被搜索引擎搜索到;
属于网页内容,有实际意义,是必不可少的;
前景图在网页结构中(body内部),书写建议贴近div;

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值