初学HTML的体验

初学HTML的体验

我用了将近一周的时间去学习html，时间较短，学的较浅，但也总结出一些自己经验，写这篇文章用来纪念自己的初学体验。
1、HTML的特点
（1）从上到下依次解析
（2）容错性-宽松性
（3）对大小写不敏感
2、元素的分类
块级元素： eg:div
特点：独占一行空间
不与其他元素共享一行空间
宽度占满整个父级元素
高度由子级元素撑起
行内元素：
特点：可以和其他元素共享一行空间
宽度由子级元素撑起
不能直接设置上下的内外边距
不可以直接设置宽高属性
行内元素不能嵌套块级元素
6.语法
（1）空白
在文档中无论出现多少个空白或者换行，浏览器都解析为一个空白

	pre标签：段落标签，保留用户所输入的格式

（2）字符实体
使用&开头
使用;结尾
中间写实体名称
（3）注释
注释不会被浏览器所解析，并且内容不会被展示在页面上
注释的作用：
用来提升代码的可读性，便于代码的维护和管理
html中的注释不可以嵌套使用
7、标签
body：
p：段落标签
pre：段落标签，保留用户所输入的格式
div:块
span：行
img：图片
alt：替换图片的内容
src：引入图片地址
width：设置图片宽度px
heght：设置图片高度px
特殊的行内元素（替代元素）display：inline-block
./
…/
…/…/
强调元素：
em
i
strong
b
del
u
…
br：换行标签
hr：水平线
( size：设置水平线高度
width：水平线宽度
align：水平线的位置)
(left
center
right)
sub
sup
h1-h6：标题标签
a:标签 超链接
href：设置链接地址
1)标准url
2)锚点
通过ID属性设置锚点位置 使用#value
3)邮箱地址
matilo：
target：设置页面的打开方式
( _blank:打开新页面
_self:在当前页面中打开（默认）
_top:在顶级框架中打开
_parent:在父级框架中打开)
table：表格

  caption：设置表格标题
  thead：设置表格头部
tbody：设置表格体部
tfoot：设置表格脚部
tr：一行
td/th:一个单元格

table的私有属性：
    align：
    border：
    cellodding:
    cellspacing:
    width:
    bgcolor:

th/td:
colgroup:
写在所有tr之上
col：标识列
span：number
列表标签：
ul：无序列表
li：子标签
ol：有序列表
私有属性：
start：number
reversed：布尔属性
子标签：li
默认序号从1开始
dl：标题列表
dt：标题标签
dd：列表项
form:
表单
客户端和服务器端发生数据交互时，需要使用表单
私有属性：
action：表单提交地址
target：
method：设置表单提交方式
get：
1.将数据拼接在浏览器地址栏上
2.安全性较低
3.只能提交轻量级数据
post：
1.将数据封装在请求体中
2.安全性较高
3.可以提交重量级数据
表单默认使用get请求方式
enctype：设置表单提交的数据类型

子组件：

input：表单组件
私有属性：
type:

                         text：单行文本框
                         password：密码框
                         submit：提交按钮
                         reset：重置按钮
                         image：图片按钮
                         radio：单选框
                         checkbox：多选框
                         button：普通按钮
                         hidden：隐藏
                         file:文件上传
                 value：(向后台传输的数据值)
                1、写在按钮上，代表修改按钮名称
                2、写在输入框上，代表输入框的默认值
                3、写在单选/多选框上，代表交互数据的value
                                  
                  name：（向后台传输的数据名）    
                      设置前后台交互数据的key值
                  src：

type=image
alt:
width:
height:
checked：布尔值，默认选中
只针对单选框和多选框

                    size：设置文本框的宽度
                               默认值为20
                    maxlength：文本框的最大输入字符长度
                    readonly：只读，布尔值属性
                    disabled：布尔属性，禁用组件
                    plachloder:
                    pattern:
                    min/max:
                    step:form
                         formaction
                         formmethod
                    …

label：
关联文字和组件
fildset：
legend:设置区域标题
button：
按钮
type：submit
reset
button：如果button写在标签内，type默认为submit
如果button写在标签外，type默认为button
select：
下拉框
私有属性：
size：设置每次展示的项数
multiple：布尔属性，是否可以多选
disabled:
name
子组件：
option：选项
disabled:
selected:布尔属性，默认选中项
optgroup：
分组option
lable属性：设置分组标题
textarea：
多行文本输入框
cols
rows
wrap：
off
hard
soft
progress
meter
…
以上就是我总结出关于HTML的基本用法，学习了一段时间，我对HTML有了更深的了解，虽然时间不长，所学习的也只是一些皮毛，但是我会坚持的学习下去。