1.常用英文介绍
URL(Uniform Resource Locator):统一资源定位符
HTML(HyperText Markup Language):超文本标记语言
HTTP(HyperText Transfer Protocol):超文本传输协议
DNS(Domain Name System):域名系统
2.HTML元素查询
W3C官方文档,一个高冷的文档
MDN,Mozilla Developer Network,一个前端必知的网址
3.HTML常见元素分类
3.1块级元素
块级元素占据其父元素(容器)的整个空间,因此创建了一个“块”。通常浏览器会在块级元素前后另起一个新行。
特点:
- 独占一行。
- 可设置width,height,margin,padding。
- 内部可包含块级或内联元素。
常见的块级元素:
- address 地址信息
- center 地址文字
- h1 标题一级
- hr 水平分割线
- p 段落
- pre 预格式化
- blockquote 块级(长文本)引用
- ul 无序列表
- ol 有序列表
- dl 定义列表
- table 表格
- form 表单
- div
3.2行内元素
一个行内元素只占据它对应标签的边框所包含的空间。
特点:
- 和其他元素都在一行上;
- 元素的高度、宽度及顶部和底部边距不可设置;
- 元素的宽度就是它包含的文字或图片的宽度,不可改变。
常见的行内元素:
- span
- a 超链接
- br 换行
- b 加粗
- strong 重要内容
- img 图片
- kbd 键盘输入元素
- button 可点击的按钮
- i 斜体
- em 强调内容
- input 输入(表单输入)元素
- textarea 多行输入文本
- select 选项菜单
- q 短文本引用
label
注意事项:
- 在html元素中,元素会有display属性,默认值是block,那么该元素是块级元素。display属性默认值是inline,那么该元素是内联元素。
- display属性值可以被设置,比如可以把块级元素div的display的值设成inline,那么它就变成了内联元素,不再独行显示。
- display: none—-将元素的显示设为无,即在网页中不占任何的位置;
visibility: hidden—-将元素隐藏,但是在网页中该占的位置还是占着。
3.3可替换元素
可替换元素就是浏览器根据元素的标签和属性,来决定元素的具体显示内容,既是它的展现不是由CSS来控制的
html中的img、input、textarea、select、object都是可替换元素。这些元素往往没有实际的内容,是一个空元素。
3.4不可替换元素
可替换元素就是浏览器根据元素的标签和属性,来决定元素的具体显示内容。
例如:p元素中的内容是直接显示的。
4.HTML部分标签简介
a、iframe:嵌套页面 现在已逐渐弃用
b、a标签跳转页面是GET请求,form标签一般是POST请求
c、input / button的主要区别:只有input是空标签
两者对比分析的一个亲民文章——input和button的区别
d、table 标签用于展示数据,其中可以有colgroup、thead、tbody、tfoot标签
e、html标签的儿子是head和body,head的儿子可以是base, link, meta, script, style,以及 title,在html5中html、head、body标签都可以省略,强烈不介意这样做