python第五十天 (HTML, CSS)
2020-12-13 05:04
阅读：558
YPE html>
标签：blank exe 指令 单词 tar linu space range eve
1. HTML
1.1 前端：
所有用户能看到的界面
网页、pc端的应用exe、移动端应用app、微信小程序、手环的时间界面
html5为基础的前端：网页、app、微信小程序
1.2 前端三剑客：
1、html5：页面结构框架
标签 => 学会标签的嵌套结构
2、css3：页面布局与样式
3、javaScript：页面的交互逻辑
1.3 html知识
标签：由包裹字母开头，可以结合数字和合法字符的能被浏览器解析的标记 -- 字母 数字 -
标签有语义：
换行
标签有作用范围：
中间就是标签的作用范围，由标签来控制，具有默认样式
标签可以修改内容样式：
转义字符：由 &与;包裹，可以使10进制数字组合，也可以使特殊单词缩写组合
> => >
< =>
指令：包裹由!开头
文档类型指令：
注释：
1.4 标签
单双标签之分：单标签无需内容，主功能，可以省略结束符/；双标签主内容，需要有作用域，必须明确结束标签
常用标签：
h1~h6
p
b
i
a
img
ul>li
table>tr>th|td
form>input|button|textarea|select>option
span：无语义，同行显示（不带换行）
div：无语义，换行显示（自带换行）
a标签:链接标签 可以通过href跳转到指定的网址
锚点功能:回到顶部
ps：target属性用来控制是否在当前页面跳转
默认是_self当前页
也可以指定成_blank新建页面跳转
所有的html标签都应该有一个id属性，用来唯一标识当前标签 为后续的DOM操作提供基础也就意味着同一份html中标签的id不能重复，不写id属性也是可以的img标签 src图片路径:即可以是网络上的图片地址也可以是本地的图片地址
alt当图片加载失败之后自动展示的提示信息
title鼠标悬停在图片上时显示的文本
图片调节长宽的时候只需要调节一个 另外一个参数自动等比例缩放
列表标签 ul:无序列表
ol：有序列表
dl：标题列表
表单标签 固定就以下面的格式书写
table>
tr 一个tr表示一行
border调整列表的边框
cellspacing 调单元格与外边框之间的距离
cellpadding 调文本与单元格之间的距离
rowspan 垂直方向合并
colspan 水平方向合并
form表单 功能:获取用户输入(手动输入/选择/默认值)，并将获取到的用户信息发送给后端
form表单中只有input的type类型为submit才会触发提交信息的动作
如果不想通过input标签来触发提交动作 那么可以直接写一个
input
通过控制type的类型从而实现不同的获取用户输入的标签样式
text 普通文本
password 密文
date 日历
radio 单选框
checkbox 多选框
file 获取文件
submit 触发提交数据的行为
button 普通的按钮
reset 重置form表单内容
select
选择框 默认是单选的 可以通过multiple参数将单选变为多选
一个option就是一个选项
textarea
获取用户大段文本值
form表单中几个重要的属性
action:用来控制数据到底提交给谁 写url来指定提交给谁
form表单默认是get请求 可以通过method属性修改提交方法
form表单中需要给每一个获取用户输入的标签加上name属性用来标识当前数据的类型
你可以将name属性当做字典的key 用户输入的当做字典的value 并且你可以手动设置value值
form表单发送文件 需要修改enctype属性的值
默认是urlencoded不支持传输文件
需要将其修改为multipart/form-data
GET请求与POST请求 get请求:获取想要的数据
post请求:提交数据
|
1.5 具体标签功能
"zh">"UTF-8">day50页面标签标题 一级标题
六级标题
段落
span标签
加粗标签 以加粗方式强调的标签
斜体标签 以斜体方式强调的标签
上角标下角标"https://www.baidu.com" target="_self">前往百度 "https://www.baidu.com" target="_blank">前往百度 "预习/a.html" target="_blank">超链接到自定义界面"新垣结衣" alt="新垣结衣" src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1416784794,1465922537&fm=26&gp=0.jpg" >
- 列表项
- 列表项
- 列表项
- 第1项
- 第2项
- 第3项
| 标题 | 标题 | 标题 |
|---|---|---|
| 单元格 | 单元格 | 单元格 |
| "2">单元格 | "2">单元格 | |
| 单元格 | 单元格 | |
| 单元格 | "2">单元格 |
2. CSS
2.1 CSS的三种引入
"UTF-8">样式 "stylesheet" href="./css/4.样式.css">"width: 200px; height: 200px; background-color: pink;">"width: 300px; height: 200px; background-color: greenyellow;">123class="dd d1">class="dd d2">class="pp p1">class="pp p2">
2.2 基础选择器
"UTF-8">基础选择器 class="aa" id="bb" style="color: gold!important;">d1class="aa">d2d3class="aa">s1 s2 s3
python第五十天 (HTML, CSS)
标签：blank exe 指令 单词 tar linu space range eve
原文地址：https://www.cnblogs.com/liguodeboke/p/11129757.html
评论
亲，登录后才可以留言！