【Java Web——HTML】

14 篇文章 1 订阅
8 篇文章 0 订阅

学习Java Web之HTML


前言

Java Web是指使用java语言来解决相关Web领域的技术总和。关于Web项目离不开静态资源与动态资源,而静态资源中的html是用于搭建基础网页的,因此掌握html是必要的,也是学习最基础的知识

概念

HTML(Hyper Text Markup Language): 超文本标记语言它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

标签

标签是HTML语言中最基本的单位,也是HTML标准最重要的组成部分
标签分为两类,一是自闭和标签(开始标签和结束标签在一块),一种是围堵标签(开始标签和结束标签成对出现)。

自闭和标签如:<br/>
围堵标签如:<body></body>

  • 标签可以嵌套使用
  • 在开始标签中可以定义属性。属性是由键值对构成,值需要用引号(单双都可)引起
  • 标签不分大小写,但建议小写

标签分类

文件标签 构成html最基本的标签 一个完整的html文件具备的标签
<html></html>   根标签
<head></head>   头标签,用于指定html文档的一些属性和外部资源
<title></title>	定义标题标签
<body></body>   体标签,用来编写html的主体部分  
<!DOCTYPE html> html5中定义该文档是html文档
文本标签  用于显示文本的标签
<h1> to <h6> 标题标签 1-6字体逐渐减小
<p> 段落标签
<br> 换行标签
<hr> 展示一条水平线
<b> 字体加粗
<i> 字体斜体
<font> 字体表标签
	color:颜色
	size :大小
	face:字体
	width:字体宽度
	百分比:50%
	center:文本居中标签
	&nbsp:空格
图片标签 用于展示图片
<img src = "path/filename">
	src: 相对路径,以.开头的路径
	../:代表后退上一级文件目录

列表标签 
有序标签
<ol>
	<li>吃饭<li>
	<li>睡觉<li>
	<li>打豆豆<li>
</ol>

无序标签
<ul>
	<li>吃饭<li>
	<li>睡觉<li>
	<li>打豆豆<li>
</ul>

有序
在这里插入图片描述
无序
在这里插入图片描述

span和div标签
<span></span>:文本信息在一行展示,行内标签,内联标签,不换行

<div></div>:每一个div占满一整行。块级标签
超链接标签
<a href="url">描述</a>
	属性:
		href::指定需要访问的URL
		target:指定打开资源的方式
			_self :在本页面打开
			_blank: 从新打开一个页面
	

表格标签<table>
一行一列的表格
<table>
	<tr>
		<td>
		内容
		</td>
	</tr>
</table>

tr:定义行
th:定义表头单元格
<caption> :表格标题
<thead>:表示表格的头部分
<tfoot>表示表格的脚部分

	属性:
		width :宽度
		border :边宽
		cellspadding: 定义内容和单元格的
		cellspacing: 定义单元格之间的距离,如果指定为0,则单元格的线会合为一条距离
		bgcolor: 背景色
	

<table bgcolor="#dcdcdc" border="1" cellspacing="0">
    <tr>
        <th>id</th>
        <th>姓名</th>
        <th>性别</th>
        <th>年龄</th>
    </tr>
    <tr>
        <td>1</td>
        <td>刘佳</td>
        <td></td>
        <td>12</td>
    </tr>
    <tr>
        <td>2</td>
        <td>张成</td>
        <td></td>
        <td>21</td>
    </tr>
</table>

在这里插入图片描述

	表单标签 概念:用于采集用户输入的数据的标签,用于和服务器进行交互
<from></from>
	属性:
		action:在表单收集到信息后,需要将信息传递给服务器进行处理,action属性用于指定接收并处理表单数据的服务器程序的url地址。
		method:用于设置表单数据的提交方式,其取值为get或post。
				Get 明文传输,数据量相对较少,不是很安全
				Post 非明文传递,有请求体,数据量相对较大,较安全获取数据用get,发送数据用post
		name:用于指定表单的名称,以区分同一个页面中的多个表单。

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

酷酷的朱先森i

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值