HTML Hypertext markup language超文本标记语言,规定了自己的语法规则,用来表示比文本更丰富的意义,目前互联网上的绝大部分网页都是使用HTML编写的
结构 :XXX.html或 XXX.htm
<!DOCTYPE HTML>:文档声明,html5的文档声明
<html>:根标签,所有的html内容都要写到这个跟标签内
<head>:一般存放属性或者标题等。
<meta/>:用来指定浏览器用那种编码解析html文档
<title>:是网页的标题
<body>:用来指定网页的内容
html语法
HTML是一门标记语言,标记也叫做元素,分为开始标签和结束标签,如果标签内没有内容修饰可以合并为自闭标签
注释:<!--注释内容-->
空格----- 
换行------<br/>
HTML和XML区别
XML对语法的要求非常严格,严格区分大小写,标签不能交叉嵌套,标签一定要关闭等,
HTML对语法的要求非常不严格,大小写可以混用,标签即使没有结束或者交叉嵌套都可以
XML中不允许用户自定义标签
HTML中的标签都是预定义好的,不允许用户自己定义
HTML标签可以定义不同的内容,可以通过w3cschool来学习
文本标签<font>
size:大小,范围1---7
face:字体
color:颜色
标题标签<h1><h6>
从h1--h6依次变小,只有一个属性
align:文本的位置,left right center
列表标签<ul><li>
<ul>表示定义一个无序标签(没有序列编号)
<li>表示定义列表中的项
type:表示列表前面的形状
图片标签<img/>
src:图片网址或者路径
alt:图像的代替文本(图片不能加载时出现的文本)
超链接标签<a/>
href:用来指定跳转网址
target:在何处打开目标url,常用有_self当前页面打开,_blank新页面打开
表格标签<table>(属性了解)
table---定义一个表格
tr-------定义表格中的行
td-------定义表格中的单元格
th--------定义表头
table属性
border:边框
cellspacing:单元格之间的距离
cellpadding:边框和内容之间的距离
bgcolor:背景颜色
align:定义表格的位置
td属性
colspan:定义单元格横跨的列数
rowspan:定义单元格竖跨的行数
表单标签<form>
浏览器向服务器发送数据的两种方式
(1)在超链接后面通过拼接参数将数据带给服务器
参数和参数之间用等号分隔,参数可以有多个,多个参数之间用&分隔,并且参数的名字可以重复
(2)通过单向服务器发送数据
其实通过表单向服务器发送数据
form标签
ction---必须存在的属性,用来指定表单提交的目的地地址
method可选属性,用来指定以何种方式来提交表单,如果不指定,默认是get提交
HTTP协议中规定了7中提交方式,其中5种 不常用,只用get和post
get和post提交的区别:
主要区别在于请求参数传输过程的不相同
get提交:
通过在地址栏拼接参数将数据发送给服务器
数据显示在地址栏,非常不安全
通过地址栏发送数据,数据量不能太大,不能超过1kb或者4kb
post提交:
通过底层的流将数据发送给服务器
没有将数据显示在地址栏,相对更安全
没有通过地址栏发送数据,数据理论上没有限制
(1)<input> 输入框
type属性: type属性的值可以不同, 当type属性的值不同时, input标签的功能效果也不同, 例如:
type=”text” 文本输入框
type=”password” 密码框
通过size属性设置框的宽度
type=”radio” 单选框 多个单选框的name属性值必须一致才可以单选, 并且需要通过value属性指定被提交时的值
type=”checkbox” 复选框(多选框) 需要通过value属性指定被提交时的值
type=”submit” 提交按钮 用来提交表单
type=”reset” 重置按钮, 将表单项重置到初始时的状态
type=”button” 普通按钮
type=”file” 文件上传项, 可以选择文件进行上传
type=”hidden” 隐藏域,一般在信息修改的时候用来隐藏用户id
通用的属性:
readonly=”readonly” 设置表单项为只读, 只能读不能写, 但是可以被提交
disabled=”disabled” 设置表单项为禁用, 不能被提交.
(2)<textarea> 文本域
<textarea cols=”30” rows=”5”>请输入个人信息…</textarea>
属性:
cols 设置列数, 即输入框的宽度
rows 设置行数, 即输入框的高度
(3)<select><option>标签
select 定义一个下拉选框
option 用来定义下拉选框中的选项
select属性:
name属性 -- name指定该项提交时参数的名字
size属性 –- 指定可见选项的个数