零散笔记

本文介绍了HTML中内联、块级等标签的基本特性,并列举了一些常用标签的使用规范,包括a标签、img标签等,同时提供了如何使内联元素具备块属性标签特性的方法。

标签基本特性

内联、内嵌、行内属性标签

1、默认同行可以跟同类型标签

2、内容撑开宽度

3、不支持宽高

4、不支持上下的margin和padding

5、代码换行被解析(解析成一个小小的空格)

块属性标签

1、独占一行

2、没有设置宽度时,默认撑满一排


常见标签

<a href="#">a标签(链接、下载、锚点)</a>

<img src="1.jpg" alt="#"/>

前段规范

1、所有书写均在英文半角状态下的小写;
2、id,class必须以字母开头;
3、所有标签必须闭合;
4、html标签用tab键缩进;
5、属性值必须带引号;
6、<!-- html注释 -->
7、/* css注释 */
8、ul,li/ol,li/dl,dt,dd拥有父子级关系的标签;
9、p,dt,h标签  里面不能嵌套块属性标签;
10、a标签不能嵌套a;
11、内联元素不能嵌套块;

转换

display:block        显示为块


使内联元素具备块属性标签的特性




display:inline        显示为内嵌


使行块属性标签具备内联元素的特性

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值