HTML常用标签介绍

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块级元素

块级元素占据其父元素(容器)的整个空间,因此创建了一个“块”。通常浏览器会在块级元素前后另起一个新行。

特点:

  1. 独占一行。
  2. 可设置width,height,margin,padding。
  3. 内部可包含块级或内联元素。

常见的块级元素:

  • address 地址信息
  • center 地址文字
  • h1 标题一级
  • hr 水平分割线
  • p 段落
  • pre 预格式化
  • blockquote 块级(长文本)引用
  • ul 无序列表
  • ol 有序列表
  • dl 定义列表
  • table 表格
  • form 表单
  • div

3.2行内元素

一个行内元素只占据它对应标签的边框所包含的空间。

特点:

  1. 和其他元素都在一行上;
  2. 元素的高度、宽度及顶部和底部边距不可设置;
  3. 元素的宽度就是它包含的文字或图片的宽度,不可改变。

常见的行内元素:

  • span
  • a 超链接
  • br 换行
  • b 加粗
  • strong 重要内容
  • img 图片
  • kbd 键盘输入元素
  • button 可点击的按钮
  • i 斜体
  • em 强调内容
  • input 输入(表单输入)元素
  • textarea 多行输入文本
  • select 选项菜单
  • q 短文本引用
  • label

    注意事项:

    1. 在html元素中,元素会有display属性,默认值是block,那么该元素是块级元素。display属性默认值是inline,那么该元素是内联元素。
    2. display属性值可以被设置,比如可以把块级元素div的display的值设成inline,那么它就变成了内联元素,不再独行显示。
    3. 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标签都可以省略,强烈不介意这样做

猜你喜欢

转载自blog.csdn.net/zhouyl02/article/details/82217831