python day 21: HTML的基本元素及CSS
程序员文章站
2022-04-21 16:59:46
python day 21 2019/11/02 [TOC] 学习资料来自老男孩与尚学堂 1. HTML 1.1 常见的HTML元素 1. HTML的作用:定义整个页面"长"成什么样,相当于网站的骨架。 2. HTML搭骨架的标签: 2.1. 标题标签: h1~h6 2.2. 容器标签: div : ......
python day 21
2019/11/02
学习资料来自老男孩与尚学堂
1. html
1.1 常见的html元素
- html的作用:定义整个页面"长"成什么样,相当于网站的骨架。
-
html搭骨架的标签:
2.1. 标题标签: h1~h6
2.2. 容器标签: div :定义大的模块
2.3. 段落标签: p :段落
2.4. 行内标签: span :元素内容可以在同一行内显示,是个行内元素
2.5. 跳转标签: a :跳转,有两个属性,一个是href属性放网络路径,一点击就跳转到指定网络路径。另外一个属性是target,target属性值有self和blank,target属性指跳转时是否打开新窗口。
2.6. 图片标签: img :src属性,要显示的图片的路径,可以是网络路径也可以是本地路径。alt属性,在图片显示不出来的时候,用文字显示。
2.7. 换行标签: br :多个行内元素在同一行时,如果需要换行,就可以使用br标签。
2.8. 分割标签: hr :显示一条分割线,width属性设置分割线宽度,size属性设置分割线的粗细,默认是1。
2.9. 列表标签:- 不显示列表类型list-style值为none. style="list-style:none"
- 有序列表:ol(order list),标签中嵌套li标签,li标签中放列表项内容,列表项前面的类型通过type属性设置,常见类型有:数字1(表示按数字排序),a(小写字母顺序),i(罗马数字顺序),i,a。默认是数字类型。
- 无序列表:ul(unordered list),标签中嵌套li标签,li标签中放列表项内容,列表项前面的类型通过type属性设置,常见类型有disc,square,circle。
- 图文混排:dl,用来显示标签项不用li,使用dt,dd. dt: 放标题部分;dd:放内容部分.
- 块级元素和行内元素
3.1. 块级元素:特征是独占一行,块级元素标签的宽度是浏览器屏幕的宽,高度是内容决定的。常见的块级元素:div/p/ul/li/dl.
3.2. 行内元素:特征是不独占一行,同一行可以放多个行内元素,行内元素的宽与高都是由内容决定的。常见的行内元素:span/a/em/i.
3.3. 行内-块级元素:特点是不独占一行,且宽度可以自己设置。常见元素:input/button/img.
3.4. 改变元素属性方法:display:block; 块级元素;inline; 行内元素inline-block;行内-块级元素;none; 隐藏元素 - 双/单标签
双标签:成对出现的,有开始标签,有结束标签。大部分标签是双标签,<div>
推荐阅读
-
Day2 python 的基本数据类型及操作
-
用python给html里的css及js文件链接自动添加版本号
-
python day 21: HTML的基本元素及CSS
-
JavaScript改变HTML元素的样式改变CSS及元素属性_javascript技巧
-
JavaScript改变HTML元素的样式改变CSS及元素属性_javascript技巧
-
用python给html里的css及js文件链接自动添加版本号
-
Day2 python 的基本数据类型及操作
-
转贴:CSS伪类与CSS伪元素的区别及由来具体说明_html/css_WEB-ITnose
-
python day 21: HTML的基本元素及CSS
-
转贴:CSS伪类与CSS伪元素的区别及由来具体说明_html/css_WEB-ITnose