html标签的记忆巧法,分类记忆HTML标签

HTML(超文本标记语言)是每个前端开发人员必会的语言，因为网页中的所有内容都要写在标签里。标签是组成HTML网页的基本元素，所以记住和理解标签的特性在学习中就比较重要了。

标签的基本分类：

粗略的划分的话，HTML可以分为闭合标签和空标签，而HTML大部分标签为闭合标签，如,

,等

HTML标签还有另一种分类方法。按照标签的位置特性来划分的。把标签分为三类：块级元素，行内元素，行级块元素(也称块级行元素)。

1.块级元素

(1)可以设置宽高、内、外边距；

(2)独占一行(即前后均有换行)；

(3)块级元素如果不设置宽度和高度，则宽度默认为父级元素的宽度。高度则根据内容大小自动填充。

常见的块级元素： div、p、h1、h2、ul、table

2.行级元素(inline)

特点： (1)不可设置宽高、上下内、外边距。(左右内、外边距设置有效)

(2)其宽度和高度由其内容自动填充。

(2)其他行级元素共处一行；

常见的行级元素：a、span等

3.行内块元素(inline-block)

特点：(1)可以设置宽高、内外边距；

(2)可以与其他行内元素、内联元素共处一行；

常见的内联元素：input、img

4.元素之间的转化

可以在行内样式或css样式表中设置元素的display属性将三种元素进行转换。

display:block；(将元素变为块级元素)

display:inline； (将元素变为行级元素)

display：inline-block；(将元素变为行级块元素)

如果你对前端感兴趣，请点击关注，和大家共同分享前端那些事儿。

html标签的记忆巧法,分类记忆HTML标签相关推荐

html标签的记忆巧法,小学记忆单词的方法
一.整体记忆把几个字母看作一个整体来记如: "ow" 再加上不同的字母,可组成how, cow, low, now, town, down, know "等; &qu ...
html标签的记忆巧法,巧记英语单词的“旁门左道”
单词记不住,词汇量有限,成为很多同学头痛的问题.没有足够的词汇量,就不会说句子,就阅读不了文章.那么什么样的方法才能最快最有效地将单词记住呢?现推荐几种不同于课堂教学的方法,虽属"旁门左道& ...
计算机应用基础常见英语词汇,初中英语单词分类记忆大全(打印版).pdf
初中英语单词分类记忆一.分类记忆法 north (北) 名词 left (左) (1)星期 (week) right (右) Monday (星期一) (8 )交通工具 (transport) Tu ...
〔王鹰教程五〕和弦的分类记忆法
[王鹰教程五]和弦的分类记忆法 http://www.wyguitar.com/html/tomqq_class/169.htm [2007-8-11 9:17:02] 吉他上的和弦有几千,我们怎么记 ...
四六级听力考试高频词汇分类记忆-日常生活类
四六级听力考试高频词汇分类记忆一--日常生活类购物消费 conveniencestore便利店 chainstore连锁店 supermarket超市 departmentstore百货大楼 mal ...
四六级听力考试高频词汇分类记忆-职场工作类
四六级听力考试高频词汇分类记忆二--职场工作类求职面试 job hunting 找工作 want ads 招聘广告 position 职位 opening /vacancy 空缺 opportuni ...
计算机英语在线学习,英语单词记忆法超强记忆_免费背单词软件电脑版
英语单词记忆法超强记忆_免费背单词软件电脑版下载地址: 内容预览如何背英语单词personify.mp4 如何背英语单词dote.mp4 如何背英语单词coddle.mp4 如何背英语单词drow ...
关于ARM指令的英文全称（方便记忆|巧记汇编指令）
有些见名知意的我就不写了. B-----Branch 意义为分支,也就是跳转 BLX-----Branch with Link and exchange 意义为带返回和状态切换的跳转 CMN----- ...
世界公认最好的记忆方法_世界记忆大师：6种简单实用记忆方法，让孩子成为学霸中学霸...
绝大部分成绩好的孩子,都是与记忆力好坏相关,而成绩差的孩子也付出了相应的努力,但就是怎么学都学不好.当然了,这个世界是没有笨小孩,只要坚定信心,每天坚持记忆方法训练,每个孩子都可以成为一名学霸中的学霸 ...

html标签的记忆巧法,分类记忆HTML标签

html标签的记忆巧法,分类记忆HTML标签相关推荐

最新文章

热门文章