Html的简介
html的意思是超文本标记语言,用它编写出文档的文件的扩展名是“.html"或”.htm“(微软的操作系统),他是可供浏览器解释浏览的文件格式。
HTML标记两端有两个符号”<“和”>",这两个符号称为角括号。html标签通常是成对出现的,**比如“”和“”,前一个是开始标记,后面的是结束标记,在开始和结束标记之间的的文本是元素内容。html标记是与大小写无关的,”和所表示的意思的一样的。标记可以拥有自己的属性。属性他能够为页面上的HTML元素提供附加信息。
META的了解
META标记是html语言的head部分的一个辅助性的标记的,他位于head和title标记之间,他提供给用户不可见的信息。meta标记的用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;可以用于来鉴别作者,设置页面格式,标注内容提要和一些关键字,还可以设置页面的自动刷新以及等级等等。
TITLE标记
在头部的中,有另一组标签
常用的分隔标记:
强制断行标记
强制分段标记
空格“ 
排版的标记
文字的置左,置右,置中
刚刚我们学过的分段标记“
"再加上一些简单的属性设定,就可以让起的文字置左,置右,置中。
2.置中标记
使用方法
<center>内容</center>
3.保持原始数
使用方法
<pre>内容<pre>据格式标记
字体标记
1.标题标记
使用方法:
<h1>内容</h1>
2.设置字体标记
使用方法:
<font size=“2” color=“red” face=“黑体”>内容</font>
3.字体变化标记
使用:在文字标记中,对于文字的格式也有相当多的变化,如加粗,斜体等等。
<dfn>用于名词解释,斜体显示</dfn>
<sup></sup> 上标 <smap>用于字母序列等宽</smap>
<sub></sub> 下标
<em></em> 强调 <address>模拟信封上的字体</address>
<strong></strong> 加强
<s></s>删除线 <strike>删除线</strike>
<big>比默认字号大一号</big>
<small>比默认字号小一号</small>
<code>以等宽字体显示计算机程序代码</code>
4.背景标记
使用:<body bgcolor="red" backgroud="bg.jpg">
例子1:
<html>
<head><title>背景颜色</title> </head>
<body bgcolor="red">
<font size="4" face="黑体" color="red">背景颜色</font>
</body> </html>
例子2:
<html>
<head><title>背景颜色</title> </head>
<body background="bg.jpg">
<font size="4" face="黑体" color="red">背景图片</font>
</body> </html>
5.标记
使用:<img src="boy.jpg" alt="haha" align="left" border="0" height="56px" width="32px">
例子:
<html>
<head>
<title>图片</title>
</head>
<body>
<img src="boy.jpg" alt="haha" align="left" border="0“ height="56px" width="32px">
</body>
</html>
6.转义字符
< < > > & & &qout; “ 空格
7.表格
表格的结构
1.<table>
<table>...</table>是用来在html页面上创建表格的。
2.<th>代表列名一般放在第一行
3.<tr>代表格的一行。
4.<td>用来定义表格的一列。
在默认情况下,表格是没有边框的,如果想要出现边框,就是用border属性。
表格的设置
表格的合并
8.input标签
text -文本框
button -按钮
submit-提交
reset-重置
password -密码
checkbox-多选
radio-单选
file -上传文件
date - 选取日、月、年
month - 选取月、年
week - 选取周和年
time - 选取时间(小时和分钟)
datetime - 选取时间、日、月、年(UTC 时间)
datetime-local - 选取时间、日、月、年(本地时间)
邮箱输入框
<input type="email" name="user_email" />
数字输入框
<input type="number" name="points" min="1" max="10" />
数字范围输入框(进度条)
<input type="range" name="points" min="1" max="10" />
颜色选择框
<input type="color" name="colortext"/><br>
9.下拉列表及文本域
Select标签
<select>
<option value="qxz" selected/>请选择
<option value=“A”/>苹果
<option value=“B”/>香蕉
<option value=“C”/>橘子
<option value=“D”/>西瓜
</select>
10.表单
表单的用途
表单在网页上用来给访问者填写信息的,从而获得用户信息,使用网页进行交互的功能。一般是将表单设计在一个html页面中,当用户填写信息后做提交操作,于是表单的内容就会从客户端的浏览器上发送给服务器,经过服务器上的jsp或者ASP或者Cgi等处理后,再将用户所需的信息传送给客户端的浏览器上,这样网页就具有交互性了。
表单构成
<form></form>
<form></form>标记是用来创建一个表单,在标记之间一切都属于表单里的内容。
<from>标记具有action,metnod,target属性。 action属性是处理处理程序的程序名称。method属性是用来定义处理程序的从表单中获取信息的方法,通常有两种分别是GET和POST两种。
target属性用来制定目标窗口的。
表单的工作原理
1.访问者填写表单,并提交给web服务器处理;
2.在web服务器上的后台处理程序对提交后的数据进行处理;
3.后台处理程序处理完成后,会重新生成一个新的html页面发给客户端。