HTML简介
1.1 HTML是英文 HyperText Markup Language 的缩写，它的意思是"超文本标记语言"，用它编写出文档的文件的扩展名是“.html”或“.htm”（微软的操作系统），他是可供浏览器解释浏览的文件格式。你可以使用记事本，写字板或者是专业的IDE如：Dreamweaver等等编辑工具来编写HTML文件。
1.2 HTML标记两端有两个符号“<”和“>”,这两个符号称为角括号。html标签通常是成对出现的，比如“”和“”，前一个是开始标记，后面的是结束标记，在开始和结束标记之间的的文本是元素内容。html标记是与大小写无关的，“<html>”和“<HTML>”所表示的意思的一样的。标记可以拥有自己的属性。属性他能够为页面上的HTML元素提供附加信息
HTML的文档结构
第一部分：
<html></html>
<html>标记用于html文件的最前面，用来表示html文件的开始。而</html>的标记则是放在html的最后面，用来表示html文件的结束，两个标记必须一起使用。
第二部分：
<head>和</head>构成html文件的头部部分，在此标记对之间可以使用
第三部分：
<body>和</body>是html文档的主体部分，在此标记可以包括“<p>”,“</p>”,“<h1>”,“<br>”等等众多的标记，他们所定义的文本，图片等等将会在浏览器的内容部分显示出来。两个标记必须一起使用。
META标记
概述：
META标记是html语言的head部分的一个辅助性的标记的，他位于head和title标记之间，他提供给用户不可见的信息。meta标记的用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie;可以用于来鉴别作者，设置页面格式，标注内容提要和一些关键字，还可以设置页面的自动刷新以及等级等等。
TITLE标记
概述：
在头部的<head></head>中，有另一组标签<title></title>。打在<title></title>这里面的文字会出现在浏览器视窗最上面蓝色部分里，作为网页的主题。
实例：
<title>这是我的html页面</title>
文字上的分割标记
常用的分隔标记：
强制断行标记“<br>”
强制分段标记“<p>”
空格“ ；”
字体标记
1.标题标记
使用方法：<h1>内容</h1>
2.设置字体标记
使用方法：<font size=“2” color=“red” face=“黑体”>内容</font>
3.字体变化标记
使用：在文字标记中，对于文字的格式也有相当多的变化，如加粗，斜体等等。
<b></b> 加粗 <i></i> 斜体 <u></u> 底线
<kbd>用粗体等宽字体显示文字</kbd>
<var>用较小的固定宽度显示字体</var>
字体变化标记
<dfn>用于名词解释，斜体显示</dfn>
<sup></sup> 上标 <smap>用于字母序列等宽</smap>
<sub></sub> 下标
<em></em> 强调 <address>模拟信封上的字体</address>
<strong></strong> 加强
<s></s>删除线 <strike>删除线</strike>
<big>比默认字号大一号</big>
<small>比默认字号小一号</small>
<code>以等宽字体显示计算机程序代码</code>
背景标记
使用：<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>
分割线标记
使用:上一部分<hr>下一部分
例子：
<html>
<head>
<title>背景颜色</title>
</head>
<body>
abcdefg。<br>
<hr color="red" width="240" size="2" noshade>
higklmn。
</body>
</html>
图片标记（向我网页里面添加图片）
<html>
<head>
<title>图片</title>
</head>
<body>
<img src="boy.jpg" alt="haha" align="left" border="0“ height="56px" width="32px">
</body>
</html>
序列标记
1.无序列表
例子：
<html>
<head>
<title>无序列表</title>
</head>
<ul>
<li>姓名：jock
<li>生日：1989/4/9
<li>星座：天蝎座
</ul>
</body>
</html>
说明：其中<ul>就是无序列表，没增加一列内容，就需要加一个<li>;
可以为 <ul>添加属性type=“disk”(实心点)，type=“square”(小正方形)type=“circle”(空心点)
2.有序列表
例子：
<html>
<head>
<title>有序列表</title>
</head>
<ol>
<li>姓名：jock
<li>生日：1989/4/9
<li>星座：天蝎座
</ol>
</body>
</html>
说明：其中<ol>就是无序列表，没增加一列内容，就需要加一个
- ;
可以为<ol>添加属性type="1"(数字)，type="A"(大写字母)，type="a"(小写字母)，type="I"(大写罗马)，type="i"(小写罗马)； -
例子： 可以指定序列的开始数目。
<html> <head> <title>有序列表</title> </head> <ol start="8"> <li>姓名：jock <li>生日：1989/4/9 <li>星座：天蝎座 </ol> </body> </html>3.自定义列表
例子：<html> <head> <title>有序列表</title> </head> <dt>咖啡</dt> <dd>黑色热饮</dd> <dt>牛奶</dt> <dd>白色冷饮</dd> </body>超链接、
<html> <head> <meta charset="utf-8"> <title></title> </head> <body bgcolor="aqua"> <a href="http://www.baidu.com" target="_blank">百度网站</a><br> <a href="http://www.163.com">网易网站</a><br> <a href="http://www.sina.com">新浪网站</a><br> <a href="index.html" target="_blank">我的网站</a> <a href="img/1.多线程复制文件.mp4">我的图片</a> </body> </html>用表格制作出简历（展示一部分）
案例演示：
<html> <head> <meta charset="utf-8"> <title></title> </head> <body > <table border="0" cellspacing="15" cellpadding="" width="800px" height="1000px" align="center" bgcolor="darkgray" > <tr> <td colspan="2" width="640px" bgcolor="white" height="7%"></td> </tr> <td width="70%" bgcolor="white"> <table border="0" cellspacing="0" cellpadding="" width="100%" height="100%" align=center> <tr> <td height="20%" align="left"><font size="5"><b>自我评价</b></font></td> </tr> <tr> <td height="100%" align="left">自我评价：本人性格开朗、稳重、有活力，待人热情、真诚；工作认真负责，积极主动，能吃苦耐劳，用于承受压力，勇于创新；有很强的组织能力和团队协作精神，具有较强的适应能力；纪律性强，工作积极配合；意志坚强，具有较强的无私奉献精神</td> </tr> </table> </td> <td bgcolor="white" width="30%" height="260px" align="center"><img src="img/20130224020525244.jpg" width="100%" height="100%" ></td> </tr> <tr> <td rowspan="4"> <table border="1" cellspacing="0" cellpadding="" width="100%" height="100%" align="center" bgcolor="white"> <tr> <td width="70%" colspan="2"><font size="5"><b>工作经历</b></font></td> </tr> <tr> <td>公司名称：北京某建筑设计院</td> <td>在职时间：2016年至今</td> </tr> <tr> <td>职位名称：工程师</td> <td>期望月薪：10000</td> </tr> <tr>input标签（很重要）
<input />标签的 type分为： text -文本框 button -按钮 submit-提交 reset-重置 password -密码 checkbox-多选 radio-单选 file -上传文件 date - 选取日、月、年 month - 选取月、年 week - 选取周和年 time - 选取时间（小时和分钟） datetime - 选取时间、日、月、年（UTC 时间） datetime-local - 选取时间、日、月、年（本地时间） 写法：<input type = “text” value=“”/> 4.1邮箱输入框 <input type="email" name="user_email" /> 4.2数字输入框 <input type="number" name="points" min="1" max="10" /> 4.3数字范围输入框（进度条） <input type="range" name="points" min="1" max="10" /> 4.4颜色选择框 <input type="color" name="colortext"/><br>下拉列表及文本域
Select标签 <select> <option value="qxz" selected/>请选择 <option value=“A”/>苹果 <option value=“B”/>香蕉 <option value=“C”/>橘子 <option value=“D”/>西瓜 </select> TEXTAREA便签 <TEXTAREA ROWS="5" COLS="30" ></TEXTAREA >表单
概述：
表单的用途
表单在网页上用来给访问者填写信息的，从而获得用户信息，使用网页进行交互的功能。一般是将表单设计在一个html页面中，当用户填写信息后做提交操作，于是表单的内容就会从客户端的浏览器上发送给服务器，经过服务器上的jsp或者ASP或者Cgi等处理后，再将用户所需的信息传送给客户端的浏览器上，这样网页就具有交互性了。
表单构成<form></form>标记是用来创建一个表单，在标记之间一切都属于表单里的内容。
<from>标记具有action，metnod,target属性。 action属性是处理处理程序的程序名称。method属性是用来定义处理程序的从表单中获取信息的方法，通常有两种分别是GET和POST两种。
target属性用来制定目标窗口的。2.工作原理：
1.访问者填写表单，并提交给web服务器处理；
2.在web服务器上的后台处理程序对提交后的数据进行处理；
3.后台处理程序处理完成后，会重新生成一个新的html页面发给客户端。
1258
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
