第一部分:技术分析总结
1.HTML的结构标签
*跟标签:<html></html>
* html的头标签
* html的体标签
2.HTML的字体标签
<font>
*<font>文字</font>
*属性:
*color属性:字体颜色
*size属性: 字体的大小(1-7)
*face属性: 字体(例如黑体啥的)
*<br/> 换行
*<hr/> 横线
*<pre> 原生标签
3.排版标签:
*标题标签:
> <h1> -- <h6>
> *段落标签: <p>
> *加粗标签: <b>
> *斜体标签: <i>
> *下划线标签: <u>
> *居中标签: <center>
4.HTML图片标签
*属性:
*src 图片的来源
*width 图片的宽度
*height 图片的高度
*alt 图片找不到显示的内容
5.HTML的列表标签
*有序列表
*<ol>
<li></li>
</ol>
*有序列表type属性:
*1 数字类型
*a 英文类型
*i 罗马字符
*start属性:从哪开始
*无序列表
*<ul>
<li></li>
</ul>
*无序列表type属性
*disc 实心点
*circle 空心圆
*square 方块
6.HTML的超链接标签<a>
*target属性:
*href 链接的路径(跳转的路径)
*target 打开的方式
*_self 在自身页面打开
*_blank 新打开一个窗口
7.HTML的表格标签<table>
*属性:
*width 表格宽度
*height 表格高度
*border 边框
*align 表格水平显示位置(left居左 right居右 center居中)
*行标签<tr>
*列标签<td>
*合并行数 colspan
*合并列数 rowspan
8.表单标签<form>
*属性:
*action 提交后的跳转页面,默认是当前页面
*method
*get 数据显示在地址栏中,不同的浏览器对于url长度有限制,提交的数据在请求头中
*post 数据不显示在地址栏中,没有大小限制,提交的数据在请求体中
*表单元素<input>
*属性type
*<input type = "text">
name 表单元素名称,后台接收name的值
value 文本框中的默认值
size 文本框中可以显示的长度
maxlength 文本框中可以输入的最大值
readonly 文本框中内容只读
disabled 文本框彻底灰掉,只用于显示固定的值
*<input type = "password">
name 表单元素名称,后台接收name的值
value 密码框中的默认值
size 密码框中可以显示的长度
maxlength 密码框中可以输入的最大值
readonly 密码框中内容只读
disabled 密码框彻底灰掉,只用于显示固定的值
*<input type = "email">
name 表单元素名称,后台接收name的值
value 邮箱框中的默认值
size 邮箱框中可以显示的长度
maxlength 邮箱框中可以输入的最大值
readonly 邮箱框中内容只读
disabled 邮箱框彻底灰掉,只用于显示固定的值
*<input type = "date"> 日期(下拉框选择)
name: 表单元素名称。后台接收name的值
*<input type="number"> 数字框(只能输入数字)
name: 表单元素名称。后台接收name的值
*<input type="color"> 颜色框(可以挑选颜色)
name: 表单元素名称。后台接收name的值
*<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"> 文件上传
name: 表单元素名称。后台接收name的值
*<input type="hidden"> 隐藏字段
*<input type="image"> 图片按钮
*<select> 下拉列表
name: 表单元素名称。后台接收name的值
*<option>: 下拉列表选项
value: 下拉列表中的值
selected: 下拉列表默认选中的值
*<textarea> 文本域
name: 表单元素名称。后台接收name的值
rows: 文本域的行数
cols: 文本域的列数
9.HTML的框架标签<frame>
*有frameset就可以没有body
*属性
*rows
*cols
*使用<frame>标签,frame代表切分的每个部分
10.特殊字符的标签
*空格  
* < <
* > >
第二部分:知识点概述总结
1.什么是HTML
*HTML:Hyper Text Markup Language 超文本标记语言
*标记语言: 指的是通过一组标签的形式描述事物的一门语言
*超文本: 比普通的文本更强大
2.HTML的作用
*HTML是用来制作页面(静态页面)
3.HTML在那些地方使用
*在设计网站的页面的时候都要使用到HTML