初学javaDay22-html篇

超链接标签:a标签

属性:
1.href:统一资源定位符
链接到后台地址 http://192.168.25.30/xxxServlet
链接本地资源文件:file:// 本地文件协议
2.target:打开链接资源文件的方式
_self:当前窗口直接打开
_blank：新建窗口打开
协议非常多:
1. 迅雷协议 thunder://
2. 邮件协议:mailto
3. http协议
4. file://
http协议的执行流程:
1)首先在本地计算机c盘的hosts文件中是否存在域名对应的ip地址,存在本地执行对应的程序
2)如果没有调用网卡,联网—网络运营商DNS服务器中寻找
3)回显网站首页
超链接的作用:
1)链接资源文件 后台/本地
2)作为锚链接使用
分为两种情况:
a)在同一个页面下使用
步骤:
1.创建一个锚点(跳转标记)
<a name(锚点名称)=“标记名字”>
2.创建跳转链接(链接到标记位置)

<a href="#锚点名称的值">开始跳转了 </a>

b)在不同页面下使用
步骤:
1.在另一个页面中的某个位置创建一个锚点(跳转标记)
<a name(锚点名称)=“标记名字”>
2.在当前页面创建跳转链接

<a href="xxx.html#锚点名称">开始跳转了 </a>

图像标签

img ，空标签
属性：src 链接图片路径 （相对路径）
alt:替代文本，当图片地址失效的时候，替换文本内容
title；给当前图片标题描述（鼠标悬浮状态 存在文字描述）
图片的高度和宽度 （百分比/px像素）
height
width
注意：
网页布局的时候： 百分比（和分辨率大小有关系）
像素：定义具体宽度和高度
面试题：
一个html页面中有3个图片，访问当前页面的时候，给服务端发送了几次请求？ （Servlet）
总共四次请求，三张图片的加载发送了三次请求，以及html页面 发送一次请求

javascript：事件编程

三要素:
1)事件源 标签完成的一些事件 （单击onclick/双击ondbclick/鼠标事件onmouse/选项卡发生变化的事件onchange）
2)事件监听器 js函数 function 函数名（）{}
3）在事件源上绑定事件监听器 举例:oncclick=“函数（）”
DOM编程:
Document Object Model :基于文档对象模型编程
浏览器自带的引擎js — 将一个html页面的所有标签 封装 对象

表格标签：table

应用场景:早期 网站页面布局 table布局
属性：
border：边框大小 px
width:表格宽度
height：表格的高度
align:对齐方式（left/center/right）
bgColor:背景颜色
cellspacing:单元格和单元格之间的空间 0 (利用属性控制空隙)
caption:表格的标题
boder-collapse:边框的样式属性,控制单元格之间的空隙
tr：行
{tr属性：align 对齐方式
单元格:td
表头:th 特点：居中并且加粗}
单元格的合并:
合并行:rowspan = 单元格的个数
合并列:colspan = 单元的个数

表单标签:form标签

应用场景:
1)注册 将用户的基本信息 提交到后台服务器端 进行存储
2)登录 验证用户信息是否在服务器端存在

属性:
method提交方式
get,post,put…(一般都使用get,post)
action:提交后台地址

面试题:
get和post方式的区别?

get方式提交的格式:
后台地址?表单项中name属性的值=值1&name属性的值2=值2
举例:http://127.0.0.1:8020/web_02_html/xx.html?username=zhangsan&pwd=123456
post方式提交:
地址栏上没有用户注册的信息

在请求的实体内容FormData
username=lisi&pwd=12345678

总结:
get方式:
1)不适合私有数据的提交,提交后的地址栏上会显示用户信息 xxx后台地址?name属性值=值1&name属性值=值2&…
2)get方式提交的大小限制 ,一般不超过4kb
3)get方式提交 :默认get方式提交
Post方式:
1)要比get方式安全一些,可以存储一些私有数据(后期,对私有数据加密:密码)
2)post方式提交大小的数据没有限制的

http协议
请求行 包含URI(包含了URL,http:// ftp://) URL(同一资源定位符:http://xxx) HTTP 1.1 (版本)
请求头

实体内容formdata
post提交的数据

form表单
表单项
input相关的标签 type属性
文本输入框(text)
密码输入框(password)
单选按钮:radio
多选框:checkbox
上传文件(file)
h5的新增属性
日期:date
电话号码 :tel
隐藏域(hide) :没有效果,但是可以传递数据
普通按钮:button 按钮
提交按钮:submit
重置按钮:reset
文本域(例:招聘网站中的自我介绍)：textarea {属性:rows:指定当前文本能多少行内容；cols:指定一行能写多少个字符}
select标签(下拉菜单)
option 下拉选项标签

转义字符

空格  

框架标签

frame标签
属性src:包含的html页面
一个frame中包含一个html

如果包含两个或者两个以上的html以上的页面---->使用框架集 frameset
frameset框架集
属性:
rows:由上到下 的划分,每一个部分所占的权重百分比
cols:由左到右的划分,每一个部分所占的权重百分比