1、HTML（HyperText Markup Language超级文本标记语言）
html文件的扩展名是.html或者.htm
HTML标签特点：
标签是预定义好的、标签名字不区分大小写、通常情况下由开始标签和结束标签组成、如果没有内容，可以写成自闭合标签。
2、HTML常用标签介绍
基本标签：
<html>：只要是html网页，就必须要由一个根标签html
<head>:头标签，保存网页中最重要的信息
<meta>:保存页面重要信息，编码，关键字等
<meta/>
<title>:网页的标题
<title/>
<head/>
<body>:网页的身体标签，写内容的地方
<body/>
<html/>
标题标签：<h1/>-<h6/>
h1最大，h6最小，特点：自动换行，并且上下留白
水平线标签：<hr/>
属性：size:水平线的高度，noshade：设置纯色效果( noshade="noshade"可以设置没有阴影的水平线)，width：设置宽度
字体标签：<font/>
属性：size:字体大小，1-7，其中7最大；color：字体颜色，有两种表示方法，英文单词(red)或者RGB颜色(#ff0000)；face：设置字体，如微软雅黑，宋体
格式化标签：
加粗<b/>,倾斜<i/>
段落标签：<p/>，特点自动换行上下留白
换行标签：<br/>
图片标签：<img/>
属性src：图片路径，有两种，绝对路径(http://www.baidu.com/logo.png)，相对路径(相对当前页面所在的文件夹，./表示本文件夹，../表示上一层文件夹)
属性width：图片宽度，可以用像素，也可以用百分比
属性height：图片高度，可以使用像素，也可以百分比
***注意，不可以同时设置图片高度和宽度都使用百分比，因为图片会等比例的放大或者缩小
属性atl：图片显示有问题时的代替文本
属性title：鼠标移动到图片上时的显示文字
列表标签：
<li>
<ul/>：无序列表
<ol/>：有序列表
<li/>
ul和ol标签要显示必须有列表标签<li/>，这两个标签都有属性type值，ol中type的值：1默认，a，A，i，I，ul中type 的值，circle（空心圆点），disc（小黑点，默认的），square（小方点）
超链接标签<a/>
属性href：表示点击后跳转的页面
属性target：表示点击后网页在哪一个位置显示，_self:本页面， _blank:新页面，framename:其他页面
表格标签：
<table>：表格标签
<tr>：行标签
<tr/>
<td>：表示行中的单元格，或者说列标签
<td/>
<table/>
table标签的属性：
border：边框的高度；单位px；
align：水平对齐方式，有left：左对齐，right：右对齐，center：中间对齐
width：宽度；
weight：高度；
bgcolor：设置整个表格的背景色，tr和td标签也有bgcolor；
align属性用在table上表示整个表格的对齐方式，用在tr上表示行内所有单元格内容的对齐方式，用在td标签上表示某一单元格内容的对齐方式。
td标签合并单元格的属性：
rowspan：跨行合并，属性的具体值表示跨几行合并
colspan：跨列合并，属性具体值表示跨几列
框架集标签：
<frameset/>
作用，将页面进行划分，划分成不同的区域
属性rows：把页面分成几行，如分成3行rows="10%,20%,*"
属性cols：把页面分成几列，如分成3列cols="10%,50%,*"
需要注意的是，如果要使用框架集标签是没有效果的，必须配合子标签<frame/>来使用，举例如下：
<html>
<frameset cols="10%,20%,*">
<frame src="frame_a.htm" />
<frame src="frame_b.htm" />
<frame src="frame_c.htm" />
</frameset>
</html>
表单标签：
<form/>：主要用来收集页面数据，并且提交到服务器，但是form标签独立使用没有任何效果，需要搭配子标签使用，子标签列表如下：
<input/>:输入域标签
类型type，一共有10种
text：文本输入域，显示的是文本内容，为input输入域的默认类型
password：密码输入框，显示的是被*代替的文本
radio:单选框
checkbox：复选框
button：普通按钮
reset：重置按钮
submit：提交按钮
image：图片按钮
hidden：隐藏域（数据会提交，但是页面上不会进行显示）
file：文件上传组件
***input标签的disabled属性和readonly的区别，二者的表现都是输入框不可编辑，不可复制，但是readonly标签在数据提交后可以通过request对象获取到值，而disabled不可以
<select>:下拉框标签
<option>内容<option/>
<select/>
select标签直接使用没有内容，必须搭配子标签option来进行使用
<textarea/>：文本区域标签
属性rows：多少行，属性cols：多少列
以上这些form标签的子标签都有一个共同的属性，name属性
作用：给标签起名字，给单选框和复选框分组，名字相同的单选框或者复选框会被分为一组，只有有name属性的标签才会在form表单提交的时候提交数据
此外，这些标签还有一个共同的属性，value属性
作用：赋值，当标签是复选框或单选框，那么每一个选项必须有value值， 否则提交时的值都是on
表单的提交：
当用户点击type="submit"的按钮时，表单数据会提交到服务器，提交方式有get和post，通过method属性来指定，只有有name属性的控件的值才可以被提交，如果提交时的子标签没有值，那么会提交默认值，各个默认值如下：
type=text 标签的默认值 通过value属性设置
type=passowrd:标签的默认值 通过value属性设置
type=radio:标签的默认值 通过checked属性设置 checked=checked"" 或者 checked="true" 或者 checked
type=checkbox:标签的默认值 通过checked属性设置 checked=checked"" 或者 checked="true" 或者 checked
<textarea>:标签的默认值 ,就是写在开始和结束标签之间的内容
<select>:标签的默认值,在子标签option中 加上selected="selected" 或者 selected
form标签自身的属性：
action，动作，表示把数据要提交到哪个服务器，写的是url网址
method：提交数据的方式
get：直接将数据值拼接到地址后面进行提交，不安全，且长度有限制
post：将用户的数据打包后提交 ，在地址栏上看不见，相对于get方式更安全，且长度无限制
<div/>：块级标签,独立占一行的元素
<span>：行内标签，不会自动换行
2253
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
