html简介
网站:网页集合
网页:html文件
浏览器 | 内核 |
---|---|
IE | Trident |
firefox | Gecko |
Safari | Webkit |
chrome/Opera | Blink |
Blink其实是Webkit的分支
web标准提出的最佳体验方案:结构,表现,行为相分离
html标签
文档类型声明 <!DOCTYPE html>当前页面采取html5版本显示网页
UTF-8万国码,基本包含了全世界所有国家需要用到的字符
根据标签的语义,在合适的地方用最合理的标签,可以让页面结构更清晰
语义 | 标签 |
---|---|
标题标签 | h1-h6 |
段落标签 | p |
换行 | br |
加粗 | strong,b |
倾斜 | em,i |
删除线 | del |
下划线 | ins |
图像标签 | img(属性有:src,alt,title,width,height,border) |
超链接 | a(属性有:href,target=__self/_blank) |
div和span没有语义,就是一个盒子用来装内容
特殊字符 <:< >:> 空格: 
表格不是用来布局页面的,而是用来展示数据的
table tr th td thead tbody
跨行合并单元格rowspan
跨列合并单元格colspan
列表是用来布局的
- 无序列表 ul li
- 有序列表 ol li
- 自定义列表 dl dt dd
表单用来收集用户信息
form标签用于定义表单域
<form action="url地址" method="提交方式" name="表单域名称">
一个完整的表单由表单域,表单控件(表单元素),提示信息组成
input输入表单元素
属性 | 属性值 |
---|---|
type | text,password,checkbox,radio,button,submit,reset,file,hidden,image |
name | input元素的名称,用于区分不同的表单元素 |
value | input元素的值 |
checked | 默认勾选 |
label标签用于绑定一个表单元素,当点击label标签内的文本时,浏览器会自动将焦点光标转到或选择对应的表单元素上,用来增加用户体验。label标签的for属性值与绑定表单元素的id属性值相同
select下拉表单元素
textarea文本域元素