JAVA一HTML

最新推荐文章于 2023-11-05 21:16:38 发布

你最多在第二层

最新推荐文章于 2023-11-05 21:16:38 发布

阅读量144

点赞数

分类专栏： JavaWeb

本文链接：https://blog.csdn.net/Fifth_floor/article/details/105029081

版权

JavaWeb 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

HTML简介

HTML 通过标签来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容。

HTML文件格式

<html> 表示整个 html 页面的开始 
<head> 头信息 
<title>标题</title> 标题 
</head> 
<body> 
页面主体内容 
</body> 
</html> 表示整个 html 页面的结束

HTML的标签

标签的格式: <标签名>封装的数据</标签名>
标签名大小写不敏感。
标签拥有自己的属性。

基本属性： bgcolor=“red” 可以修改简单的样式效果
事件属性： οnclick=“alert();” 可以直接设置事件响应后的代码

标签分为单标签和双标签:

单标签格式： <标签名 /> br/ 换行 hr/ 水平线
双标签格式: <标签名> …封装的数据…</标签名>

常用的标签

简单列举几个例子

特殊字符标签

↓

//特殊字符标签
<       &lt;
>       &gt; 
空格    &nbsp;

标题标签

↓

//标题标签
<h1>标题</h1> ~ <h6>标题</h6>
 /*属性：
 align 对齐
 left 左对齐(默认) 
 center 居中 
 right 右对齐
 */

超链接

↓

/*超链接标签 <a href=>
属性：
target 属性设置哪个目标进行跳转 
_self 表示当前页面(默认值) 
_blank 表示打开新页面来进行跳转
*/
<a href="http://www.baidu.com" target=_self>百度</a>(默认)
<a href="http://www.baidu.com" target=_blank>百度</a>

列表标签

↓

/*列表标签
  <ul> 无序标签
  <ol> 有序标签
  <li> 标签项
  */
<ul>
    <li>卢本伟</li>
    <li>PDD</li>
    <li>马老师</li>
    <li>异灵术</li>
</ul>

img标签

↓

/*img标签是图片标签
属性： 
src 设置图片的路径 
width 设置图片的宽度 
height 设置图片的高度 
alt 指定路径找不到图片时,显示异常信息
*/
<img src="1.jpg" width="200" height="260" alt="Error"/>

表格标签

↓

/*<table> 是表格标签
属性：
border   	表格标签 
width       表格宽度 
height      表格高度 
align       表格相对于页面的对齐方式
cellspacing 单元格间距 
tr 			行标签 
th 			表头标签 
td 			单元格标签 
align 		单元格文本对齐方式 
b			加粗标签
colspan     设置跨列 
rowspan 	设置跨行
*/
<table width="300" height="300" align="center" cellspacing="1" border="1">
    <tr>
        <th colspan="2" rowspan="2">1</th>
        <th>2</th>
    </tr>
    <tr align="center">
        <td>3</td>
        <td>4</td>
    </tr>
</table>

iframe框架标签

↓

/*ifarme 标签可以在页面上开辟一个小区域显示一个单独的页面
*/
<iframe src="3.标题标签.html" width="500" height="400" name="abc"></iframe>

表单标签

↓

/*form标签就是表单 
input type=text 	 文件输入框 
input type=password  密码输入框 
input type=radio 	 单选框           name   分组
input type=checkbox  复选框  
input type=reset  	 重置按钮  	
input type=submit 	 提交按钮 
input type=button 	 按钮 
input type=file 	 文件上传域 
input type=hidden  	 隐藏域
select 				 下拉列表框  	 option  下拉列表框中的选项 
textarea 			 多行文本输入框    rows    显示几的高度 
									 cols 	 每行的字符宽度
action 				 提交的服务器地址 
method 				 提交的方式       GET(默认值)或 POST
*/
<form>
    用户名称:<input type="text" name="1"><br/>
    用户密码:<input type="password"name="2"><br/>
    确认密码:<input type="password"name="3"><br/>
    性别: <input type="radio" name="sex">男 <input type="radio" name="sex">女<br/>
    兴趣爱好：<input type="checkbox" value="1">java<input type="checkbox">j<input type="checkbox">ja<input type="checkbox">jav<br/>
    国籍：<select>
    <option>---请选择国籍---</option>
    <option>中国</option>
    <option>韩国</option>
    <option>日本</option>
</select><br/>
    自我评价：<textarea rows="30" cols="30"></textarea><br/>
    <input type="reset"><input type="submit">
    <input type="file">

一般情况下，表单标签会放入表格标签中保证工整

表单提交的时候，数据没有发送给服务器的三种情况：

表单项没有 name 属性值
单选、复选（下拉列表中的 option 标签）都需要添加 value 属性，以便发送给服务器
表单项不在提交的 form 标签中

GET 请求的特点是：

浏览器地址栏中的地址是：action 属性[+?+请求参数]
不安全
它有数据长度的限制

POST 请求的特点是：

浏览器地址栏中只有 action 属性值
相对于 GET 请求要安全
理论上没有数据长度的限制

你最多在第二层

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JAVA一HTML

HTML简介HTML 通过标签来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容。HTML文件格式<html> 表示整个 html 页面的开始 <head> 头信息 <title>标题</title> 标题 </head> <body> 页...
复制链接

扫一扫