day_01_Javaweb_HTML

最新推荐文章于 2024-11-01 15:23:25 发布

yangsen116291

最新推荐文章于 2024-11-01 15:23:25 发布

阅读量221

点赞数

文章标签： html 前端 css

本文链接：https://blog.csdn.net/yangsen116291/article/details/122486816

版权

javaweb

HTML

模板

<!DOCTYPE html>   // 约束 声明
<html lang="en">  //html 开始 lang 语言zh_CN 中文
<head>				//头部信息
    <meta charset="UTF-8"> //当前页面使用的字符集
    <title>Title</title>  //标签
</head>
<body>                 //整个html文件显示的主体内容
        hello			//
</body>
</html>              //html文件结束

在这里插入图片描述

font:规定文本的字体:face=’’、字体尺寸:size=’’、字体颜色:color=’’
:标题标签：只有1~6：从大到小，对齐方式：align=''
：超链接标签：herf = “URL”，target:打开超链接的方式，_blank:新界面，sefl:当前界面
：无序列表
列表内容
：有序列表
:alt:规定图像的替代文本,src: 规定显示图像的 URL。
：表格标签，单元行标签单元格标签首行：加粗居中 boder：边框
表格跨行跨列：在具体单元格的中添加colspan:跨列 rowspan：跨行
加粗
：在页面中开辟一个小区域
在iframe标签中添加name属性，在中添加target属性值等于前者，可以使超链接的目标在iframe的小区域中打开
form 表单
输入框：变量类型
1. text 文本
2. pasword ：密码 ****
3. radio ：单选按钮
4. checkbox ：复选按钮
5. reset :清空表单，有默认值恢复默认值
6. submit：提交表单
7. bottum ：按钮
8. file ：文件上传
：下拉列表框
:默认换行
：长度等于数据长度
：在数据的上方下方个各空一行

在这里插入图片描述

<font color="#ff7f50",face = "宋体" , size="7">  标签 </font>

特殊标签

<:&lt;
>:&gt;
空格:&nbsp;

在这里插入图片描述

表单


<form action="http://localhost:8080" method="get">
    用户:<input type="text" value="默认值" name="用户"><br>
    密码:<input type="password" name="密码"><br>
    确认:<input type="password"><br>
    性别:<input type="radio" name="性别" value="man">男
    <input type="radio" value="gril" >女 <br>
    兴趣: <input type="checkbox" name="兴趣">java
    <input type="checkbox">python
    <select name="户籍" >
        <option >--选则城市--</option>
        <option value="xa">西安</option>
        <option value="xy" >咸阳</option>
        <option value="lt">临潼</option>
    </select> <br>
    自评:
    <textarea name="desc"></textarea> <br>
    <input type="reset" value="重新填写"> <br>
    <input type="submit" value="提交数据"> <br>
    <input type="button" value="按钮一"> <br>
    <input type="button" value="按钮二"> <br>
</form>

效果：
在这里插入图片描述
美观可以将对应代码放入表格中

表单提交：

：

action：提交的地址
method：发送方式
1. get：地址栏中的地址是 action + ?+请求参数（name=value）&（name=value）,不安全，有长度限制。
2. post：地址中只有action ，安全，没有长度限制
表单中的所有输入都需要要添加对应说的name属性，所有的下拉按钮、单选按钮的每个属性都需要添加value属性，以便于发送给服务器