JavaWeb随手笔记

最新推荐文章于 2024-04-26 11:46:47 发布

VIP文章长寿师兄

最新推荐文章于 2024-04-26 11:46:47 发布

阅读量380

点赞数

文章标签：经验分享

本文链接：https://blog.csdn.net/qq_68540041/article/details/125940424

版权

HTML

规范：

①<html> ————html标签，整个页面的开始

②<head> ————头标签（title标题，css样式，js代码）

<title>标题</title> ————标题

②</head>

③<body> ————内容标签

主体内容

③</body>

①</html> ————整个页面的结束

<html lang="zh_CN">：表示页面显示中文
②内：<meta charset="UTF-8">：当前页面的字符编码格式

标签特性

标签大小写不敏感
标签拥有两种属性

①基本属性：如bgcolor="name"：设置页面颜色

②事件属性：如onclick="alect('内容')"：单击显示alect警告框函数内的信息
标签两种分类

①单标签：如<br/>：换行、<hr/>：水平线

②双标签：如<button>文本</button>：按钮、<b>文本</b>：加粗

标签语法

标签之间不能交叉嵌套
标签必须正确关闭
标签属性必须有值，值用" "括起来
注释不能嵌套

常用标签

字体标签

<font>文本</font>

属性：

color：颜色

face：字体

size：大小
大小范围为1~7，超出的话以7显示

特殊字符

<：<
>：>
（空格）：

标题

<h1>文本</h1>

属性：

align：标题的对其方式
- left：左对齐，默认
- right：右对齐
- center：居中
h1表示标题大小为1（最大），其范围为1~6，超出的话以文本显示

超链接

<a>文本</a>

属性：

href：表示链接的地址（http://localhost:8080/工程名/可省略）

target：打开链接的方式
- _self：当前页面打开，默认
- _blank：新页面打开
- name：根据窗口的名字，用窗口打开

列表标签

<ul>

<li>文本1</li>

<li>文本2</li>

</ul>

属性：

type：修改列表项前面的符号
- none：无符号
ul是无序列表，ol是有序列表，li是列表项

图片

<img/>

属性：

src：图片的路径
- 相对路径：相对路径是根据当前页面地址栏中的地址来跳转的
  
  .：当前文件所在目录
  
  ..：当前文件的上一级目录
  
  文件名：当前文件所在目录下的文件，相当于./
- 绝对路径：
  
  http://ip:port/文件目录/文件名
width：图片的宽度

height：图片的高度

border：图片的边框大小

alt：找不到图片的文本提示

表格

<table>

<tr>

<td>文本</td>

</tr>

</table>

属性：

①table属性

align：表格相对于页面的对其方式

border：表格的边框

width：表格的宽度

height：表格的高度

cellspacing：单元格与单元格间的间距

②td属性

align：内容相当于单元格的对其方式

clospan：跨列数

rowspan：跨行数
th相当于<td align="center"><b>文本</b></td>，即文本加粗且居中
tr是行，td是单元格

窗口

<iframe></iframe>

属性：

src：图片路径

width：窗口宽度

height：窗口高度

name：窗口名称

表单

<form>

<input/>

<select>

<option>文本</option>

</select>

<textarea>默认值</textarea>

</form>

属性：

①form属性

action：表单数据提交的地址

method：表单数据提交的方式
- get（默认）：
  1. 地址格式：action属性值+?+请求参数
  2. 请求参数格式：name=value&…
  不安全，有数据长度限制
  
  表单提交的form连接中，get不能带参数，只能使用隐藏域
- post：
  1. 地址格式：action属性值
  较安全，无长度限制
enctype：POST请求时，请求体的编码方式
- application/x-www-form-urlencoded（默认）：
  1. 表示用&分隔参数，用=分隔键值对，字符要用URL编码方式进行编码
- multipart/form-data
  1. 文件上传必须使用的编码方式
②input属性

type：类型

value：初始值、修改值、提交数据

name：分类、提交数据

checked="checked"：默认值
- text：文本输入框，可用value设置初始内容
- password：密码输入框，可用value设置初始内容
- radio：单选框，可用name将多个单选框分为一类，可用checked选定某一组分类下的单选框为默认值，提交数据时需要额外用value来传值
- checkbox：复选框，可用checked选定一个或多个复选框为默认值，被选中的复选框的值为true，提交数据时需要额外用value来传值
- reset：重置按钮，可用value修改按钮名称
- submit：提交按钮，可用value修改按钮名称
- button：按钮，可用value修改按钮名称
- file：文件上传
- hidden：隐藏域
③select属性

name：用于提交数据

multiple="multiple"：可多选

④option属性

selected="selected"：设置下拉列表框的某个选项为默认值

value：用于提交数据

⑤textarea属性

rows：多行文本输入框的行数

cols：多行文本输入框每行显示的字符数量

name：用于提交数据
form是向服务器提交数据，input type设置各种表单类型，select设置下拉框，textarea设置多行文本输入框
表单提交时，数据发送给服务器的三个要求：
1. 表单内需要提交的数据，要拥有name属性
2. 单选框、复选框、下拉框中的option属性，需要额外添加value属性
3. 表单要在form内