html基础知识

web历史和HTML基本结构

web标准

结构（整合网页元素）；表现（设置外观）；行为（设置交互）

浏览器及对应内核

谷歌浏览器内核为chromium/blink；IE浏览器内核为trident；Firefox浏览器内核为gecko；safari浏览器内核为webit；opera浏览器内核为blink

html骨架标签

html里面包含head标签和body标签，body标签里面又包括title标签。html标签是最大的标签 ，head头部标签里面必须设置标题标签，body标签是主体部分
字符集 ：utf-8编码集，这个是必要的否则可能会引起乱码
文档类型告诉浏览器按照html5规范进行页面解析。页面语言lang：常见的两个语言：en为英语；zh-CN为中文

html标签分类

分为双标签和单标签。双标签分为开始标签和结束标签结束标签在开始标签前面加一个‘/’；单标签例如
，

---

html常用标签

标题标签：h标签（h1到h6字体逐渐减小），一行只能放一个标题；段落标签：p标签；水平线标签：

---

；换行标签：
；网页布局的两个主要盒子标签：div，span。div是块元素一行一个；span是行元素一行可以有多个。文本格式化标签：b标签和strong标签;：文字以粗体显示，b只是加粗，strong还有强调的意思；i标签和em标签：文字以斜体显示；s标签和del标签：加删除线方式显示；u标签和ins标签：加下划线方式显示（XHTML不赞成使用u）；图像标签： 属性：src ：路径；alt：图像不显示时的替换文本；title：悬停时显示的内容；width height：图像宽高；border：设置边框宽度；链接标签：a标签href属性：路径可以是外网网址；target属性有_self和_blank两种第一个是默认值，第二个是在新窗口打开。注释标签快捷键是CTRL+？

html核心标签

table标签

用于定义一个表格标签，tr和td必须嵌套在table标签里面，tr表示一行，td表示一个单元格。表格属性：border：表格边框默认值为0；cellspacing：设置单元格与单元格边框之间间距；cellpadding：设置单元格内容与单元格边框之间的空白间距；width；height：表示表格宽和高；align：表格在网页中对齐方式。表头标签为th。表格标题caption：定义表格标题，通常会居中显示与表格之上；必须紧跟table标签之后。表单合并跨行合并：rowspan=‘合并单元格的个数’；跨列合并：colspan=‘合并单元格的个数’

列表标签

无序列表：ul里面包含li；有序列表：ol里面包含li；自定义列表：dl里面包含dt和dd，dt和dd是并列关系

列表标签

type属性：输入框类型；value属性：表示默认；name属性：如果是radio，name值要相同checked属性表示默认选中textarea：文本域cols表示每行字符数；rows表示行数，select：下拉列表select里面至少包含一对option 在option中定义selected=“selected”表示当前选项为默认选中

form表单提交

method：提交方式get/post。post比较保密 action：用于指定接受表单的地址