1.什么是HTML
(Hyper Text Markup Language:超文本标记语言)
2.语法和规范
HTML文件都是以.html或者.htm结尾的。建议使用.html结尾。
HTML文件分为头部分(<head></head>)和体部分(<body></body>)
HTML标签都是由开始标签和结束标签组成。(<hr />)
HTML标签不区分大小写，建议使用小写。
3.标签学习
（1、标题标签： <h1>、<h2>、<h3>、<h4>、<h5>、<h6>.从1到6，标题大小一次递减。
（2、分割线标签：<hr/>,它的属性（size,分割线的高度，单位是像素）、（noshade,表示没有阴影）。
（3、格式化标签：<b></b>--加粗 <i></i>--斜体
（4、段落标签： <p></p>--定义一个段落，这个段落会自动留出一些空白 <br/>分行
（5、图片标签： <img>--图片标签，其属性：
（src="这里面是图片的URL路径"）
（alt="这里面是图片加载不出来时显示的文字内容"）
（width="图片的宽度，单位像素"）
（height="图片的长度，单位像素"）
（6、列表标签：无序列表：无序列表是一个项目的列表，此列项目使用粗体圆点进行标记。
无序列表始于 <ul> 标签。每个列表项始于 <li>。
<ul>,默认type属性是disc，实心圆点，还有square（方块）、circle（空心圆）
（7、超链接标签：<a>,可以访问其他页面的一个标签，
属性：
href=“填写要链接的URL路径”
target=_blank(另开一个页面打开链接) target=_self(自身页面被链接页面替代)
（8、表格标签：<table></table>:这个是父标签，相当于整个表格标签的容器它是由一个或多个<tr>和<td>标签组成的
<table></table>：属性
~ border：表格边框的宽度，单位是像素
~ width：表格的宽度
~ cellpadding:单元边沿与其内容之间的空白大小
~ cellspaceing:单元格之间的空白大小
~ bgcolor:表格背景颜色
<tr></tr>:用于定义表格的行
<td></td>:用于定义表格的列
~ colspan:单元格可以横跨的列数
~ rowspan：单元格可以横跨的行数
~ align:单元格中的内容的对齐方式，取值有：left，right，center
~ nowrap:单元格中的内容是否折行
（9、框架标签：<frameset></frameset>:是多个窗口页面整合在一起的集合。每一个框架都是一个单独的页面，需要用
子标签<frame>来确定页面的位置，<frameset>通过行和列来确定页面的整体布局。cols确定列数
rows确定行数，多个<frameset>可以嵌套使用
<frameset rows="20%,*">
<frame src="top.html" />
<frameset cols="20%,*">
<frame src="left.html" />
<frame name="right" />
</frameset>
</frameset>
（10、表单标签：<form></form>:可以在html中创建一个表单，而表单在浏览器中并没有任何显示，如果数据 要提交到服务器，那么负责收集数据的标签必须放在表单标签中。
属性：
action：请求路径，确定表单要提交到的服务器地址（路径）
method：提交的方式，常用值是：get,post,最多用时post提交
（11、输入域标签：<input> :常常用于<form>标签中，用于获得用户输入的信息
属性：type,type的值的不同，搜集的方式不用
=“text”:文本框，表示在框内输入文本
=“password”:密码输入框，表示在框内输入密码，密码以小黑圆点显示
=“radio”:单选框
=“checkbox”:复选框
=“submit”:提交按钮，该按钮会把表单的数据提交到服务器，一般不写name属性， 不然会把“提交”二字提交到服务器
=“file”:文件上传，提供了“浏览”按钮来选择本地文件进行上传
=“hidden”:隐藏字段，该字段会提交到服务器，但是不会在浏览器中显示
=“reset”:重置，把表单恢复到默认状态
=“button”:普通按钮，常用于结合javascript使用
-------------------------------------------------------------------------------------------------
name属性:如果数据需要提交到服务器，那么name属性必须命名，服务器通过name属性获取数据
value属性：设置input标签的默认值，submit和reset为按钮显示数据
size属性：大小
checked属性：单选框或复选框被选中
readonly属性：是否只读
disabled属性：是否可用
maxlength属性：允许输入的最大长度
（12、下拉列表标签：<select></select>:可以进行单选或者多选，需要使用子标签<option>指定列表项
name属性：发送给服务器的名字
multiple属性：不写默认为单选，取值是“multiple”时为多选
size属性：多选时，表示可见的选项数据
<option>标签：是下拉列表中的一个选项
selected：勾选当前列表项
value：发送给服务器的值
（13、文本域标签：<textarea>:多行文本的输入
cols属性：输入文本的列数
rows属性：输入文本的行数
（14、
扫一扫
3813
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
