python学习之路day12(html)

1.前端基础

(1)html标签 特征:
1.空白折叠现象
2.对空格和换行不敏感
3.标签要严格封闭
(2)p标签的嵌套 多注意!!!!!!
p中只能存放字体、图片、表单控件 不能放盒子标签
(3)html中标签的分类:
1.行内标签
(1)在一行内显示 span strong em i del a b
(2)不能设置宽高 默认的宽和高 是内容填充
1.1 行内块标签 img input
(1) 在一行内显示
(2) 可以设置宽高
2.块级标签 div p h1~h6
(1)独占一行
(2)可以设置宽高,如果不设置宽和高,默认的宽是父亲的100%。高度是内容的高度

3.一些网页布局结构
a.div模型
division:分割

div+span 网页布局

p标签只能放 文本 图片 表单元素,不能放其他的元素

(4)标签的使用
a:
(1)超链接
href 超链接的地址
target: _self 默认 在当前中打开链接地址
_blank 在空白的页面打开连接地址
(2)标签内部跳转
锚点 默认有点击行为。我们可以javascript:void(0);阻止a标签的默认点击行为。

img
src:连接的图片资源
alt:图片资源加载失败。显示的文本

ul: unordered list 无序列表 ul下的子元素只能是li
li
type='circle' 圆心
type='square' 方块
ol:
ordered list
只能是li
dl:定义列表
dt:定义标题
dd:定义描述


sublime的简单使用
ctrl+shift+p 搜package control

table border='1' style="border-collapse:collapse;"
tr 表格行
td 表格描述
form
HTTP协议
action:提交的服务器网址
method:get(默认)| post(应用:登录注册、上传文件)
页面中的a img link 默认是get请求

input
type:
text: 文本输入框
password:密码输入框
file:文件按钮 提交文件的时候一定要用post 一定要给form标签添加 Enctype='multipart/form-data'
submit:提交按钮
button:普通按钮
name:提交到服务器端的key
value: 显示的文本内容,与服务器端的value
placeholder:文本代替

label
for:是与下面的某个表单控件的id属性进行关联

BS交互

1.form表单默认与服务器进行交互
2.ajax技术
(5)CSS 层叠样式表
作用:修饰网页结构


(6)css的三种引入方式
- 行内样式
注意:行内样式的优先级是最高的
- 内接样式
- 外接样式

(7)基本选择器
id选择器
选中的是特性 唯一的,不能重复
标签选择器
选中的是页面中共性的标签
类选择器
选中的也是页面中共性的标签,类名可以有多个
通配符选择器
通常是对页面进行重置样式表

原文地址:https://www.cnblogs.com/vivian0119/p/11503710.html