什么是HTML
理解HTML本质是超文本标记语言,表现如文字、视频、音频程序等复杂元素。
什么是标签
标签的组成:标签名、属性名(名称值对的形式)、内容
属性类似是给这个标签的内容加了个装备,让这些标签具有一些特殊的能力。
重要标签的说明
1.
表格标签table
thead tr th
tbody tr td
建议定义表格的时候,tbody,thead都要描述出来。
2.
表单标签form
action:submit操作执行请求地址
method:指定请求的类型get/post
1) form
表单提交不一定是通过submit提交,可以通过ajax请求序列化表单(serialize())的方式完成表单数据的提交
Ajax序列化就是form的数据构建为名称值对的字符串统一提交到后台。
2) 通过表单form提交和ajax提交方式原理是完全不一样的设计方式。
表单元素标签
通过submit提交,浏览器会把表单元素的数据以名称值对的形式提交给服务器。
:type (text ,password,radio,checkbox ,hidden)
form理解为一个数据的集合(组)
一个页面上可以有多个form表单Ajax请求,可以不要求有form存在
标签的语义
H1/H2/H3表示大钢级别。类似word标题
div/span/p表示布局
使用带语义的标签可以让搜索引序快速的进行收录
虽然不同的标签也许能够达到相同的显示效果,但是强烈建议使用语义化标签+CSS样式去控制。
关于浏览器
浏览器就是解析HTML. CSS. JavaScript. 图片、音视频等内容的运行环境。
lE/Firefox/chrome/Opera,其中Chome/Firefox称之 为标准浏览器。
不同的浏览器是细微的差异,考虑容性问题。
CSS
层叠样式表:元素样式可以通过多种方式进行叠加。
HTML元素本身是不具备样式。但是在不定义样式情况下,不同的标签也表现出不同的显示样式,原因是浏览器对于不同的标签是有默认的样式的。
如何书写定义元素样式
外部样式定义页面的样式,减低代码之间的耦合,让设计师设计页面。
简单的理解是:可以让不同的人不在同一个页面修改文件,各司其职。
需要掌握的内容
1.
DIV+CSS布局基础,充分理解盒子模型
box-sizing的使用
2.
样式选择器ID(#). Clas(J. 标签(div a span)
JavaScript
1.
对应JavaScript的认识
2.
JavaScript的作用
1)
业务逻辑处理
2)
对DOM树进行操作:通过事件驱动(DOM树中元索的重删改查,特别是:改内容,改样式)