#day01 html
##HTML
* Hyper Text Markup Language --- 超文本标记语言.
* 标记语言：指的是通过一组标签的形式描述事物的一门语言.
* 超文本：比普通的文本更强大.
##HTML的作用
* HTML是用来制作页面(静态页面).
##HTML的排版标
* 标题标签：
```
h标签<h1>...<h6>
<!-- HTML的标题标签 -->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
```
* 段落标签：p标签
* 居中标签：center标签
* 原生标签：pre标签
##HTML的图片标签
* 图片标签:img
* 属性:
* src:图片的来源.
* width :图片的宽度.
* height:图片的高度.
* alt:图片找不到显示的内容.
##HTML的列表标签
* 有序列表
```
<ol>
<li></li>
</ol>
```
* 无序列表
```
<ul>
<li></li>
</ul>
```
##HTML的超链接标签
* HTML的超链接标签：a
* href :链接的路径
* target :打开的方式
* _self :在自身页面打开
* _blank :新打开一个窗口
##HTML的表格标签
* 表格table
* 行tr
* 列td
```
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
```
* 属性:
* width :表格宽度
* height :表格高度
* border :边框
* align :表格水平位置:
* td的属性:
* colspan=”列数”
* rowspan=”行数”
##HTML的表单标签
* HTML的表单标签：form
* 常用属性:
* action属性:提交的路径.默认提交到当前页面
* method属性:请求的方式.GET和POST.默认是GET.
* GET方式和POST方式的区别?
* GET :数据会显示到地址栏中.GET方式提交是有大小的限制.
* POST :数据不会显示到地址栏中.POST方式提交的是没有大小限制.
a href默认GET
##HTML中的表单元素
* `<input type=”text”> `:文本框.
* 常用属性:
* name :表单元素的名称.必须有name属性，然后后台才可以接收数据.
* value :文本框的默认值.
* size :文本框的长度.
* maxlength:文本框输入的最大长度.
* readonly:只读文本框.
* `<input type=”password”>`:密码框.
* 常用属性:
* name :表单元素的名称.必须有name属性，然后后台才可以接收数据.
* value :密码框的默认值.
* size :密码框的长度.
* maxlength:密码框输入的最大长度.
* ` <input type=”radio”>`:单选按钮.
* 常用的属性:
* name :表单元素的名称.必须有name属性，然后后台才可以接收数据.
* value :单选按钮的默认值.
* checked:单选按钮默认被选中.
* `<input type=”checkbox”>` :复选按钮
* 常用的属性:
* name :表单元素的名称.必须有name属性，然后后台才可以接收数据.
* value :单选按钮的默认值.
* checked:单选按钮默认被选中.
* `<input type=”button”>`:普通按钮.没有任何功能的按钮.
* `<input type=”submit”>`:提交按钮.
* `<input type=”reset”`>:重置按钮.
* `<input type=”file”>` :文件上传的表单项.
* `<input type=”hidden”>`:隐藏字段.
* `<input type=”image”>`:图片按钮
* `<select>`:下拉列表.
* `<textarea>` :文本域.
##HTML的框架标签
* 框架标签:frameset ,标签与body标签是冲突,有frameset就可以没有body.
* 属性:
* rows
* cols
使用<frame>标签，frame代表切分的每个部分
```
<frameset rows="15%,*">
<frame src="top.html" name="top"/>
<frameset cols="15%,*">
<frame src="left.html" name="left"/>
<frame src="right.html" name="right"/>
</frameset>
</frameset>
```
#HTML的特殊标签
* `空格 : `
* `< :<`
* `> :>`
|
|
收藏
淘帖
踩
