前端随堂笔录2

5.28
链接标签

核心属性就是href 属性值可以是一个跳转的地址
适用于任何带有路径的东西
href;里面的内容就是路径
绝对路径:从盘符开始,然后依次往下查找
绝对路径分为本地和服务器
本地:C:Users/Administrator/0527day01/07.html
服务器:https://www.baidu.com/
192.168.1.1 / 127.0.0.1
www.baidu.com
相对路径:从当前文件开始,如果下一级目录就直接写文件夹,上一级用...表示
盘符根路径:可以直接跳转到当前文件所有的盘符根目录中 “/”
服务器底下
本地底下

图像标签
img 是我们接触的第一个行内块标签
行内块标签可以设置一行内的宽和高 不能设置居中对齐 只能靠左或靠右。

src 图片的路径
alt 当图片显示不出来的时候才会显示
图片正在下载的时候...加载中
图片的路径错误的时候
width 图片宽
height 图片高
align 设置对齐

前端和后端之间的通信
1.form提交方式
2.ajax提交方式
核心标签:只有提交的功能,没有任何的样式
form属性:
action 提交的地址,通常为服务端的地址,如果不写,默认往本地提交
method 提交的方式,get/post 如果不写为get提交

input button 都是行内块标签 只能设置一行的内容
input是表单的核心标签,通过修改input标签中的type属性来改变展现的样式
地址?后面的内容表示参数,我们最终的目的是要把必须的参数给发送到后端想要发送参数,input中必须含有name属
性 name="username" name="userpwd"


每一个组里都必须含有相同的name属性值
input中的值有一个属性,value属性 可作优化
checked 默认选项,当属性名等于属性值的时候,只需要写属性名即可 就是必须要选中一个
type中checkbox 多选框
radio 单选框
select 下拉框
textarea 文本区域

css的学习
html 结构,承载内容
css 样式 层叠样式表
JavaScript 行为

css的使用方式()
1.行内样式 (内联样式)
2.页面嵌入(内部样式表)
3.外部文件(外部样式表)
4.外部导入样式
css语法:(符号都是英文的)
选择器{
属性名1:属性值1;
属性名2:属性值2;
...
}

1.行内样式(内联样式)
<标签style="属性名1:属性值1;属性名2:属性值2;...">

2.页面嵌入(内部样式表)
在head标签里面增加一个子标签

3.外部文件(外部样式表)
在head标签里面增加一个子标签


4.外部导入样式
主要用在样式初始化。因为有一些标签有自己的样式,我们需要清空,方便自己计算

css------选择器
ID选择器
使用id选择器:在元素上面增加一个id属性,id属性的属性值不用用数字开头
一个页面中只能有一个id属性值
css中id选择的表示方法用 # 表示
class选择器
使用class选择器:在元素上增加一个class属性,class属性的属性值不能用数字开头
一个页面中可以有多个class属性值
css中class选择器的表示方法用 . 表示
标签选择器 直接写标签名
组合选择器 选择器直接用,分隔开即可
子代选择器 > 只针对子代
后代选择器 用空格表示,包含着子代选择器
通用选择器 * 针对于所有的标签