简介
（1）什么是html
html全称：Hyper Text Markup Language(超文本标记语言)
a.超文本:页面内可以包含图片、链接，甚至音乐、程序等非文字元素
b.标记:标签，不同的标签实现不同的功能
c.语言:人与计算机的交互工具
（2）html书写规范
a.html结构
b.html标签是以尖括号包围的关键字
c.html标签通常是成对出现的，有开始就有结束
d.html通常都有属性，格式:属性＝‘属性值’(多个属性之间空格隔开)
e. html标签不区分 大小写,建议小写
html基本标签
（1）结构标签
<html></html>:根标签
<head>
<title></title>:页面的标题
</head>
<body></body>：内容
属性：
text:文本的颜色
bgcolor:背景色
background:背景图片
（2）排版标签
a.注释标签：
<!--注释-->
b.换行标签：<br/>
c.段落标签：<p>文本文字</p>独占一行
属性： align对齐方式 (left center right)
d.水平线标签:<hr/>
属性:
width：水平线的长度(像素表示或者百分比表示)
size: 水平线的粗细 (像素表示，例如：10px)
color:水平线的颜色
align:水平线的对齐方式
（3）块标签
<div></div>:行级块，独占一行，换行 结合css
<span></span>:行内块，所有内容都在同一行 友好提示
（4）文字标签
基本标签：
<font></font>
属性：size:设置字体大小
color:设置文字颜色
face:设置字体
标题标签：<h1></h1>—-<h6></h6>逐渐变小
（5）列表标签（列表间可以嵌套）
无序列表
<ul></ul>列表项<li></li>
属性：type :三个值，分别为
circle(空心圆) ,disc(默认,实心圆),square(黑色方块)
有序列表<ol></ol>列表项<li></li>
属性：type：1、A、a、I、i（数字、字母、罗马数字）
（6）图形标签
<img/>自关闭标签
属性:
src：图形地址
width:宽度
height:高度
border:边框
align:对齐方式，代表图片与相邻的文本的相当位置（有三个属性值：top middle bottom）
alt:图片的文字说明
hspace和vspace设定图片边沿上下左右空白，以免文字或其它图片过于贴近
（7）链接标签（<a></a>）
超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
属性：href:跳转页面的地址(跳转到外网需要添加协议)；
name:名称，锚点(回到锚点: 顶部，底部，中间)，在访问锚点的书写格式:#name的值
target:_self(自己)_blank(新页面，之前页面存在) 默认_self
（8）表格标签
表格由
<table>标签来定义。每个表格均有若干行（由<tr>标签定义），每行被分割为若干单元格（由<td>标签定义）。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
普通表格(table,tr,td)
border:边框的宽度 bordercolor:边框的颜色 cellspacing:单元格的边距
表格的表头(th) 实现加粗居中
列合并colspan行合并rowspan
（9）文本格式化标签
<b>定义粗体文本。
<big>定义大号字。
<em>定义着重文字。
<i>定义斜体字。
<small>定义小号字。
<strong>定义加重语气。
<sub>定义下标字。
<sup>定义上标字。
<ins>定义插入字。
<del>定义删除字。
表单标签
（1）form元素
常用属性：
action表示动作，值为服务器的地址，把表单的数据提交到该地址上处理method:请求方式：get 和post
enctype:表示是表单提交的类型
默认值：application/x-www-form-urlencoded普通表单
multipart/form-data多部分表单(一般用于文件上传)
get请求和post请求的区别？
get:
1.地址栏,请求参数都在地址后拼接 path?name=”张三”&password=”123456”
2.不安全
3.效率高
4.get请求大小有限制，不同浏览器有不同，但是大约是2KB
post：
1.地址栏：请求参数单独处理。
2.安全可靠些
3.效率低
4.post请求大小理论上无限。
（2）input元素
type: 以下为type可能要取的值：
text普通文本password密码框 密文或者掩码
radio表示是单选，name必须一致， 表示同一组中只能选中一个(checked ="checked"表示选中)
checkbox表示多选，name必须一致， 表示同一组中可以选多个，返回值是个数组(checked ="checked"表示选中)
file：表示上传控件submit提交reset重置
image图片按钮
hidden表示隐藏域，该框的内容服务器需要，但是不想让用户知道(不想清楚的显示在界面上)
（3）select 元素(下拉列表)
<select></select>
列表项：<option></option>默认选中：selected="selected"
（4）textarea元素(文本域)
需要指定输入的区域位置大小
html框架标签
（1） 框架结构标签frameset
定义如何将窗口分割为框架 每个 frameset 定义了一系列行或列 rows/columns 的值规定了每行或每列占据屏幕的面积
（2） 框架标签Frame
定义了放置在每个框架中的 HTML 文档。
（3） 基本的注意事项
1.不能将
<body></body>标签与<frameset></frameset>标签同时使用
2. 假如一个框架有可见边框，用户可以拖动边框来改变它的大小。为了避免这种情况发生，可以在<frame>标签中加入：noresize="noresize"。
html的其它标签和特殊字符
（1） 其他标签
<!--该网页的描述-->
<meta http-equiv="description" content="this is my page">
<!--该网页的编码-->
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- href：引入css文件的地址-->
<link rel="stylesheet" type="text/css"href="./styles.css">
<!--src：js的文件地址-->
<script type="text/javascript" src=""></script>
（2）特殊字符
<小于号
>大于号
&与字符
"引号
®己注册
©版权
™商标
空格
- -
244
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
