介绍
本文将为大家详细介绍”html学习中的重点知识有哪些”,内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇“html学习中的重点知识有哪些“能够给你意想不到的收获,请大家跟着小编的思路慢慢深入,具体内容如下,一起去收获新知识吧。
html有什么特点 1,简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初学前端开发者使用。
2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证只
3、平台无关性:超级文本标记语言能够在广泛的平台上使用,这也是万维网盛行的一个原因。
4、通用性:HTML是网络的通用语言,它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
HTML的重点总结
块元素,行内元素,行内块状元素
<李> HTML可以将元素分类方式分为行内元素,块状元素和行内块状元素三种
<李> 使用显示属性能够将三者任意转换
<李> 块状元素自动换行
<李> 转换方法
(1)显示:内联;转换为行内元素
(2)显示:块;转换为块状元素
(3)显示:inline-block;转换为行内块状元素
<李> 比较
1。行内元素 行内元素最常使用的就是,其他的只在特定功能下使用,修饰字体<代码> & lt; b> 和<代码> & lt; i> & lt; sub> 和<代码> & lt; sup> 这两个标签可以直接做出平方的效果,而不需要类似移动属性的帮助,很实用。
行内元素特征:(1)设置宽高无效
(2)对保证金仅设置左右方向有效,上下无效;填充设置上下左右都有效,即会撑大空间
(3)不会自动进行换行
& lt; ! DOCTYPE html>
& lt;才能html>
,,,,,& lt; head>
,,,,,,,,,& lt; meta charset=皍tf-8",/比;
,,,,,,,,,& lt; title>行内元素& lt;/title>
,,,,,,,,,& lt; style 类型=拔谋?css"比;
,,,,,,,,,,,,,span {,,,,,,,,,,,,,,,,,
,,,,,,,,,,,,,宽度:,120 px,,,,,,,,,,,,,,,,,,
,,,,,,,,,,,,,身高:,120 px,,,,,,,,,,,,,,,,,,
,,,,,,,,,,,,,保证金:,1000 px 20 px;,,,,,,,,,,,,,,,,,
,,,,,,,,,,,,,填充:,50 px 40 px;,,,,,,,,,,,,,,,,,
,,,,,,,,,,,,,背景:,lightblue;,,,,,,,,,,,,,
,,,,,,,,,,,,,}
,,,,,,,,& lt;/style>
,,,,& lt;/head>
,,,,& lt; body>
,,,,,,,,& lt; sspan>不会自动换行& lt;/span>
,,,,,,,,& lt; span>行内元素& lt;/span>
,,,,& lt;/body>
,& lt;/html> <编辑> 2。块状元素 块状元素代表性的就是p,其他如p,导航,不谈,页眉、页脚、部分中,文章,ul-li,地址等等,都可以用p来实现。不过为了可以方便程序员解读代码,一般都会使用特定的语义化标签,使得代码可读性强,且便于查错。
块状元素特征:(1)能够识别宽高
(2)保证金和填充的上下左右均对其有效
(3)可以自动换行
(4)多个块状元素标签写在一起,默认排列方式为从上至下
& lt; ! DOCTYPE html>
& lt;才能html>
,,,,,& lt; head>
,,,,,,,,,& lt; meta charset=皍tf-8",/比;
,,,,,,,,,& lt; title>块状元素& lt;/title>
,,,,,,,,,& lt; style 类型=拔谋?css"比;
,,,,,,,,,,,,,p {,,,,,,,,,,,,,,,,,
,,,,,,,,,,,,,宽度:,120 px,,
,,,,,,,,,,,,,,身高:,120 px,,,,,,,,,,,,,,,,,,
,,,,,,,,,,,,,,保证金:,50 px 50 px;,,,,,,,,,,,,,,,,,
,,,,,,,,,,,,,,填充:,50 px 40 px;,,,,,,,,,,,,,,,,,
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
