HTML标准结构:
成对出现的标签-->有标签体的标签
<html>
<head>-->头标签
<title> 窗口标题标签</title>
<meta charset="utf-8"> 指定当前HTML页面的编码格式
</head>
<body> HTML页面的主题部分
最终在浏览器中展示的内容
</body>
</html>
DOCTYPE:是一个文档声明------当前HTML版本以及约束
.dtd dtd约束 结束标签的顺序
.xsd xsd约束 在框架中常用的约束:schema约束
文本标签:
1》标题标签:h1-->h6
2》段落标签:p
3》原样输出:pre
4》水平线:<hr/>
5>滚动标签:marquee
属性:behavior:alternate 来回 scroll 交替 slide 滚动某一边停止
scrollamount:速度
direction:left right up down
bgcolor:背景色 HTML标签属性
background-color css样式属性
6》引用标签:q标签:大引用 效果展示时有 “ ”
blockquote:段落缩进标签 小引用
7》地址标签:展示效果字体斜体效果
address
8》代码标签:对代码进行展示
code
9》换行标签:<br/>
10》上下行标签:sup上 sub下
11》转移字符: 相当于两个空格
© 注册商标
egg:数学公式:x^2 x<sup>2</sup>
化学公式:CO2 CO<sub>2</sub>
12》列表标签:无序和有序
无序:ul li
有序:ol li
ul和ol都有一个默认属性type:指定当前列表项前类型
ul type:disc circle square
ol type:1 A可以自己指定
13》行内标签:span
14》块标签:div
15》字体标签:font
16》居中标签:center 自动屏幕适配
17》斜体标签:i
em:是一种强调,带一种“语义”
18》粗体标签:b
strong:是一种强调,带“语义”
19》图像标签:img
属性:src 引入图片的URL
width 宽度 heigh 高度 -> 百分比/像素
alt:替代文本,当图片失效的时候,来解释图片的文字
align:left right center 对齐方式
src属性:通过js方式来操作img的src属性改变图片的
20》框架标签:frame
name属性
21》表格标签:table标签
表格中没有列的概念,列的概念是通过单元格体现的
caption:表格的标题标签
table:表格
属性:border 边框线
width height
bgcolor 背景色
align 对齐方式
cellspacing 单元格边沿和边框线之间的空间
cellpadding:单元格和内容的空间值
tr:行
td:单元格
th:表头
关于单元格合并:
行合并:rowspan
列合并:colspan
表格标签有一个默认的拆分
thead 头 tbody 体 tfoot 脚
目的:浏览器解析引擎解析HTML文件---->遇到table标签
将table标签中的每一行的内容用tbody包含起来,让用户体验好
拆分之后,解决用户体验差的问题
开发者在表格中添加上面三个标签不会影响效果展示!后期通过这个表格的拆分来完成一个特定需求。
举例:CSS选择器----伪类选择器
表格中的行,鼠标经过之后编程其他颜色!
22》表单标签:应用场景(注册,登录)
form标签
属性:action 提交的URL地址/后台地址
method:提交方式 常用方式get/post
onsubmit事件(Js):当前表单是否提交成功--
<form action="xx" method="post" οnsubmit="return checkAll()"></form>
input有一个属性(h5) placeholder:给当前的表单项中提供一个默认值
input中的必填项:name属性 将当前的内容提交后台的(后台需要当前的具体内容)
关于form表单中常用的表单项
文本输入框:input type=“text”
密码输入框:input type=“password”
单选按钮:input type=“radio”
复选框:input type=“checkbox”
checked属性:true表示选中 false表示不选中
下拉菜单:select
option 下拉选项
文件上传:input type=“file”
文本域:textarea
隐藏域:<input type="hidden" 没有效果,但是会携带数据
关于按钮
input type="button" 普通按钮
提交 type=“submit”
重置 type=“reset”
登录或者注册时,密码要经过特处理
密码加密:MD5 和 SpringSecurity:Spring 安全框架
Get方式:提交的数据大小有限制,一般不超过4Kb
提交的数据会显示在URL地址栏中
Post方式:提交的数据大小无限制
提交的数据不会展示在地址栏中,但是可以通过抓包在header中查到数据
23》超链接标签:a标签
作用:href属性:连接url地址
作为锚链接来使用步骤:
A)打标记(锚点)
<a name="锚点名称"></a>
B)创建跳转链接
<a href="#锚点名称">开始跳转</a>
24》框架标签:
frame:框架标签
定义:一个frame中包含一盒html页面
属性: src 链接html页面
name 链接所需要的超链接的位置,name属性值要和当前超链接标签的target属性的值一致,否则无效
当包含一个或两个以上的html页面的时候,不能再称之为frame,应该成为frameset
frameset:框架集
属性: rows 横向划分,当前分割成几个HTML页面所占的权重百分比
cols 竖向划分,当前分割的几个frame,所占的权重百分比
* 表示通配,当前划分剩下的权重百分比
注意事项:frameset标签和body标签不能共存
25》引入方式:link标签