###DAY2
1、html
超文本标记语言
浏览器是从上往下解析文件的
后缀。html或者.htm
2、HTTP协议
请求/响应模式
请求头、请求行、请求数据
响应头、响应行、响应体
状态码
200/404/401
3、开发流程
1)本体测试
2)部署
4、html语法结构
1)注释
html中<!–注释内容>
css中/* */
2)实体
空格
3)块级元素和行内元素
元素的组成
外边距margin + 边框border + 内边距padding + 内容
块级元素【支撑起整个网页的结构】
div
h1~h5 标题
margin
html
ul li 无序列表
ul margin、padding-left
li 黑色圆点
ol li 有序列表
p 段落标签
margin
行内元素 【填空网页】
a 超链接
href 访问的地址
url 访问的地址
id 锚点
target 超链接打开的方式
_self 当前选项卡
_blank 新建选项卡打开
i、strong
块级元素和行内元素转换
display:block; 将元素设置为块级元素
display:inline-block; 将元素设置为行内块元素
如何给行内元素设置宽高?
将行内元素设置为块级元素或者行内块元素,在设置宽高即可
4)核心属性 【绝大多数标签都可以使用的属性】
<div 属性名=属性值 属性名=属性值>
id 唯一标识
class 类名
title 提示语
style 样式
5)特有属性 【某些标签才具有的属性】
a
href
target
img
src 加载图片的地址
alt 图片无法加载时显示的文字
6)自定义属性
data-xx=‘xxx’
5、表格
table
属性:border、cellpadding、cellspacing、bgcolor
caption 表格的标题
thead 表头
tr
th
tbody
tr
td
合并单元格
colspan 跨列数
rowspan 跨行数
6、h5新增的语义化标签
header、aside、nav、article、section、footer、address
7、表单
form
get和post区别
get 会将请求的数据拼接在浏览器地址栏上,www.baidu.com?name=tom&age=13 不安全,请求数据的大小有限制
post 将请求数据放在请求体中,安全,请求数据的大小一般没有限制
表单的组件
input
type
text 单行文本框
submit 提交表单
radio 单选按钮
checkbox 复选按钮
reset 重置表单
password 密码框
file 文件的上传
图片上传
文件服务器(图片、文件)
image 图片按钮
button 普通按钮
select
option
texttarea
button
label 用于表示
表单提交
用户点击新增按钮 --> 弹出模态框(表单) --> 输入信息 --> 用户点击确认提交按钮 --> 将数据发送给后台 --> 关闭模态框 --> 调用重置按钮,清空表单内容 -->
课后作业
个人简历、课程表
1、个人简历
个人简历 | ||||||
---|---|---|---|---|---|---|
姓名 | 性别 | 出生年月 | ||||
祖籍 | 民族 | 政治面貌 | ||||
身体状况 | 婚姻状况 | 学历 | ||||
所学专业 | 毕业院校 | |||||
专业能力 | ||||||
求职意向 | ||||||
专业课程 | ||||||
实践经历 | ||||||
获奖情况 | ||||||
自我评价 |
2、课程表
课 程 表 | ||||||
---|---|---|---|---|---|---|
早上8:30 | 星期一 | 星期二 | 星期三 | 星期四 | 星期五 | |
上午 | 1 | 数学 | 语文 | 数学 | 数学 | 语文 |
2 | 语文 | 数学 | 语文 | 体育 | 数学 | |
3 | 英语 | 语文 | 语文 | 英语 | 美术 | |
4 | 美术 | 英语 | 品德 | 语文 | 音乐 | |
午餐12:10-12:50 | ||||||
午休12:50-13:30 | ||||||
下午13:50 | 星期一 | 星期二 | 星期三 | 星期四 | 星期五 | |
下午13:55-14:10广播体操 | ||||||
下午 | 1 | 音乐 | 体育 | 生命与安全 | 品德 | 班队活动 |
2 | 体育 | 班队活动 | ||||
放学时间 | 16:35 | 15.35 | 15:35 | 15:35 | 15:20 | |
班主任 : 马泽宇 电话 : 188******** |