java web基础知识--HTML标签/INPUT标签/表单的基础知识

最新推荐文章于 2023-03-03 20:03:56 发布

一天3顿饭

最新推荐文章于 2023-03-03 20:03:56 发布

阅读量781

点赞数

分类专栏： Java web 文章标签： java

本文链接：https://blog.csdn.net/m0_46487113/article/details/107087383

版权

本文介绍了HTML的基础知识，包括超链接、INPUT标签的多种类型如文本框、按钮、密码框、单选和复选按钮，以及表单的用途和组成部分。详细讲解了表单的method属性（GET和POST的区别）和target属性，并通过实例展示了如何创建各种表单元素。

摘要由CSDN通过智能技术生成

java web基础知识

HTML基础

什么是HTML：它被称为超文本标记语言，用它编写可以被浏览器解释的文件，文件格式是.html/.htm。
组成：它由主要的三部分组成：
- < html >用来表示HTML文件的最前端， < /html >表示HTML文件的结束，必须成对出现，一对的大小写可以不一样。
- < head > < /head>，这对构成的是HTML文件的头部部分，他俩之间的内容不会出现在浏览器的内容部分。一般在 < head > < /head>之间可以使用< title > < /title>和< script> < /script>，这些都是描述HTML文件相关信息的标记对。
- < body> < /body>，这是HTML的主体部分，里面的内容就是浏览器显示的内容，里面有好多标记，可以对浏览器显示的内容进行美化。
标记

标记名	使用方法
META	位于head和title之间，提供给用户不可见的信息。meta标记的用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie;可以用于来鉴别作者，设置页面格式，标注内容提要和一些关键字，还可以设置页面的自动刷新以及等级等等。创建时提供的
	在中，title之间的内容是出现在浏览器条框中，作为网页的主题出现。
< br/>	和换行标记
< p >	强制分段标记
&nbsp	空格标记
< center>< /center>	< center> 置中内容< /center>
< h1>< /h1>	标题标记，标题内容内容
< font>< /font>	字体标记，还有属性size1-7字体大小，color 字体颜色。face：字体
加粗/斜体/加底线	加粗，斜体，底线
< kbd>< /kbd>	< kbd> 粗体等宽字体显示文字
< var>< /var>	< var>用较小的固定宽度显示字体
< s>< /s>	删除线

背景标记：

标记	功能
< body bgcolor=“red”>	改变背景颜色
font size=“4” face=“黑体” color=“red”	改变字体，颜色，和大小，
< body background=“bg.jpg”>	添加背景图片
< hr>	分割线，两部分用线分割开

图片标记：

标记	功能
<img src=“boy.jpg” alt=“haha” align=“left” border="0“ height=“56px” width=“32px”>	图片的插入标签

列表：

标签	功能
< ul>	无序列表
< ol>	有序列表
< dl>	自定义列表

表格标签：代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>简历</title>
	</head>
	<body>
		<table border="1" cellspacing="0" cellpadding="0" align="center" height="920px" width="740px" bgcolor="E4E3DF">
			<tr>
				<td>				
<table border="0" cellspacing="0" cellpadding="3" align="center" height="900px" width="700px" bgcolor="E4E3DF">
					<tr height="40px" bgcolor="white">
						<td colspan="3"></td>
					</tr>
					<tr height="50px">
						<td colspan="3"></td>
					</tr>
					<tr height="175px">
						<td width="470px" bgcolor="white">
							<table border="0" cellspacing="0" cellpadding="2" height="100%" width="100%" bgcolor="white"