前端学习
文章目录
1. html
复习前端的重点：
Js（DOM）/BOM（window对象两个定时器/location的href属性，reload）原生的js的表单验证（掌握）
HTML：超文本标记语言 ：Hyper Text Markup Language，可以对字体、视频、音频进行改变
结构：在html标签的书写过程中，有些标签必须成对出现
HTML标签注意：
- HTML语言不区分大小写，但一般都小写；
- 当显示⻚页⾯面时，浏览器器会移除 源代码中 多余的空格和空⾏行行。所有连续的空格或空⾏行行都会被算作⼀一个空 格。需要注意的是，HTML 代码中的所有连续的空⾏行行（换⾏行行）也被显示唯一一个空格
<html>
<head></head> ---------->规定编码格式以及当前网页的窗口标签
<title>窗口标题的内容</title>
<meta charset="utf-8"> ------->指定编码格式
</html>
超链接标签：
a标签 ：
属性： href 链接 资源地址：url/（后台地址）
target:打开资源文件的方式 1. _self:在当前窗口直接打开 2. _blank:在新窗口打开
例子：
<a href="http://www.baidu.com">跳转到百度首页</a>
http://不能省略，这是一个协议
常见协议：
file:// :本地文件协议，链接到一个本地文件
https:// : 简单的执行流程：找hosts文件
ip 域名的映射
超链接标签中的作用：
（1）：链接资源文件
操作：（这是在同一页面下进行的）
（a）：创建一个锚点：<a name="锚点名称"></a>
（b）：创建一个跳转链接：跳转标记那个位置
<a href="#+锚点名称">[跳转底部]</a>
在不同页面下进行：
（a）：创建一个锚点：<a name="锚点名称"></a>
（b）：创建一个跳转链接：跳转标记那个位置
<a href="资源地址+#+锚点名称">[跳转底部]</a> //不同处在这
hosts文件 ：构成映射，可以加快访问
Windows下的目录：c:/windows/system32/drivers/etc/hosts
如果在host文件中能找到文件，则直接在本地中直接打开；
如果找不到，则调用网卡进行联网操作在中间网络运营商
DNS服务器
1. html标签：图像标签
图像标签是一个空标签（没有标签体的标签）
img
常用属性：
- src属性：连接图片资源文件地址，会单独加载资源文件
- art属性：替代文本，当图片失效的时候，替代文本起作用（解释说明图片的内容）
- title：鼠标悬停在图片上，说明当前图片的文字
- width/height：图片的宽度和高度
应用场景：轮播图效果（本质就是更改src属性）
2. 表格标签
表格标签：table来标识
特点：只有行的概念，没有列的概念（使用单元格体现）
table中的行标签：tr
table中的单元格：td ，当为表头时，用 th （自动居中，适当加粗）
table标签中常用属性
- 表格要有效果属性，必须指定border属性：边框
- 表格的宽度高度：width/height
- 背景色：bgcolor （html标签的属性） ； background-color：css背景样式
- cellspacing：设置表格的边框线和单元格边缘之间的空间 ； cellpading：单元格和单元格之间的空间
表格的标题标签：
table
caption标签
表格标签的用法
单元格的合并：
合并行：rowspan
和并列：colspan
了解： 表格的拆分分为三个部分：thead、tbody、tfoot （头、体、脚）目的是让用户体验好！
加上默认的拆分标签，在浏览器解析的时候，用户是可以直接访问的，不需要等待table加载完毕
一般情况：浏览器默认的会将表格中的全部内容用tbody包含起来；
3. 表单标签
表单的应用场景：登陆 / 注册 ⭐
表单标签：form
属性：
-
action：提交的后台地址url
URL与URI
http://localhost:8080/hell0 这是一个URL（统一资源定位符）
/hello:指定路径 这是URI（URL是URI的子集） -
method：提交方式： get、post、(常用这两个)…
区别：
（1）get：- 不适合填写敏感属性，举例：密码输入框的内容
- 不管前端校验还是后端校验：密码最终的内容都会被加密
- 提交的数据最终会在地址栏上显示 （例如：username=1111&password=111111#这种格式）
（2）post方式
- 适合敏感数据
- 不会将数据提交到地址栏，提交数据大小显示；
-
表单标签（这里指input标签）中必填的属性：
name属性：作为系统后台的一个标记，知道当前填写的内容是哪一个类型的内容；
比如作为密码用户名输入的input标签，如果不指定name属性，提交到后台后，后台怎么获取用户名和密码呢？
表单标签中的其他表单项：
input：
- type = ”text“ ，文本输入框
- type = ”password“ 密码输入框
- type = ”radio“ 单选按钮
- type = ”hidden“ 隐藏域
- type = ”button“ 普通按钮，必须指定value
- type = “date” ，日期组件
下面是一个表单标签的示例代码：
<body>
<form action="#" method="get">
用户名:<input type="text" name="username" placeholder="请输入用户名"/><br />
密 码:<input type="password" name="password" placeholder="请输入密码" 
最低0.47元/天 解锁文章
387
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
