2021.10.5(总结)
02021年10月1日开始
1、特殊字符
常用的特殊符号：
< “<”
> ">"
空格 “ ”
2、标题标签
h1-h6都是标题标签：
h1最大 h6最小
align属性是对齐属性：
left：左对齐（默认）
center：居中
right：右对齐
3、超链接
a 标签是超链接：
href属性设置连接的地址
target属性设置哪个目标进行跳转
_self 表示当前页面（默认值）
_blank 表示打开新页面进行跳转
4、列表标签
无序列表：ul
有序列表：ol
5、img标签
src设置图片路径
在JavaSE中路径分为相对路径和绝对路径：
相对路径：从工程名开始算
绝对路径：盘符：/目录/文件名
在web中路径分为相对路径和绝对路径：
相对路径：
. 表示当前文件所在的目录
… 表示当前文件所在的上一级目录
文件名 表示当前文件所在的目录的文件，相当于./文件名 ./可以省略
绝对路径：
http：//ip:port/工程名/资源路径
alt属性设置当指定路径找不到图片时，用来代替显示的文本内容
6、table标签
table标签是表格标签
border 设置表格标签
width 设置表格宽度
height设置表格高度
tr 是行标签
th 是表头标签
td 是单元格标签
cellspaceing 设置单元格间距
colspan 属性设置跨列
rowspan 属性设置跨行
7、iframe框架标签
iframe标签可以在页面上开辟一个小区域显示一个单独的页面
1.在iframe标签中使用name属性定义一个名称
2.在a标签的target属性上设置iframe的name的属性值
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LRemVdzU-1633428982404)(file:///C:\Users\上官飞羽\AppData\Roaming\Tencent\Users\1536285398\QQ\WinTemp\RichOle\YL@H}RP@EFSE%{TJS$QRWM7.png)]
8、表单标签
表单就是HTML页面中，用来收集用户信息的所有元素集合，然后把这些信息发送给服务器
form标签就是表单
input type=text 是文本输入框 value设置默认显示内容
input type=password 是密码输入框 value设置默认显示内容
input type=radio 是单选框 name属性可以对其进行分组 checked=“checked”表示默认选中
input type=checkbox 是复选框 checked=“checked”表示默认选中
input type=reset 是重置按钮 value属性修改按钮上的文本
input type=submit 是提交按钮 value属性修改按钮上的文本
input type=button 是按钮 value属性修改按钮上的文本
input type=file 是文件上传域
input type=hidden 是隐藏域 当我们要发送某些信息，不需要用户参与，就可以使用隐藏域
select 标签是下拉列表框
option 标签是下拉列表框中的选项 selected=“selected”设置默认选中
textarea 表示多行文本输入框（起始标签和结束标签中的内容是默认值）
rows 属性设置可以显示几行的高度
cols 属性设置每行可以显示几个字符的宽度
9、表单提交的细节
action属性设置提交的服务器地址
method属性设置提交的方式GET（默认值）或POST
表单提交的时候，数据没有发送给服务器的三种情况：
1.表单项没有name属性值
2.单选、复选（下拉列表中的option标签）都需要添加value属性，以便发送给服务器
3.表单项不在提交的form标签中
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FI69DrAo-1633428982406)(file:///C:\Users\上官飞羽\AppData\Roaming\Tencent\Users\1536285398\QQ\WinTemp\RichOle\Z$RQE0J7R8TWU03{2060D}C.png)]
GET请求的特点是：
1.浏览器地址中的地址是action属性[+？+请求参数]
2.不安全
3.他有数据长度的限制
POST请求的特点是：
1.浏览器地址栏中只有action属性值
2.相对于GET请求更安全
3.理论上没有数据长度的限制
10、其他标签
div标签 默认独占一行
span标签 它的长度就是分装数据的长度
p段落标签 默认会在段落的上方或下方各空出一行（如果已有就不再空）
11、CSS
CSS是【层叠样式表单】。是用于（增强）控制网页样式并允许将样式信息与内容分离的一种标记性语言
1.语法规则img
2.CSS和HTML的结合方式
第一种：在标签的style属性上设置“key：value value；”，修改标签样式。
缺点：①代码量庞大
②可读性差
③css没复用性可言
第二种：在head标签中使用style标签来定义各种自己需要的css样式。
格式如下：
XXX{
Key：value value；
}
缺点：
①只能在同一页面中复用代码，不能在多个页面中复用css代码。
②维护不方便，工作量大。
第三种：
把css样式
使用html的标签导入css样式文件。
12、css选择器
1.标签名选择器
标签名选择器的格式是
标签名{
属性：值；
}
2.id选择器
id选择器的格式是：
#id属性值{
属性：值；
}
id选择器可以让我们通过id属性选择性去使用这个样式。
DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>ID选择器title><style type="text/css">#id001{color: blue;border: 1px yellow solid;}#id002{color: red;font-size: 20px;border: 5px blue dotted;}style>
head>
<body>
<div id="id001">div标签1div>
<div id="id002">div标签2div>
body>
html>
3.class选择器
class类型选择器的格式是：
.class属性值{
属性：值；
}
class类型选择器，可以通过class属性有效的选择性去使用这个样式。
class类型选择器
div标签
4.组合选择器
组合选择器的格式是：
选择器1，选择器2，选择器n{
属性：值；
}
组合选择器可以让多个选择器共用同一个css样式代码。
DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>组合选择器title><style type="text/css">.class01,#id001{color: blue;font-size: 20px;border: 1px yellow solid;}style>
head>
<body>
<div class="class01">div标签class01div><br />
<span id="id001">span 标签span><br/>body>
html>
13、JavaScript介绍
Js是弱类型，Java是强类型
特点：
1.交互性（它可以做的就是信息的动态交互）
2.安全性（不允许直接访问本地硬盘）
3.跨平台性（只要是可以解释js的浏览器都可以执行和本平台无关）
14、JavaScript和html代码的结合方式
第一种方式：
只需要在head标签中，或在body标签中，使用script标签来书写JavaScript代码
Title
第二种方式：
使用script标签引入单独的JavaScript代码文件
DOCTYPE html>
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！