Web Services 百分网手机站

web网页开发笔小知识

时间:2018-05-02 16:55:29 Web Services 我要投稿

web网页开发笔小知识

  HTML中行内元素与块级元素的区别:

web网页开发笔小知识

  在标准文档流里面,块级元素具有以下特点:

  ①总是在新行上开始,占据一整行;

  ②高度,行高以及外边距和内边距都可控制;

  ③宽带始终是与浏览器宽度一样,与内容无关;

  ④它可以容纳内联元素和其他块元素

  行内元素的'特点:

  ①和其他元素都在一行上;

  ②高,行高及外边距和内边距部分可改变;

  ③宽度只与内容有关;

  ④行内元素只能容纳文本或者其他行内元素。

  不可以设置宽高,其宽度随着内容增加,高度随字体大小而改变,内联元素可以设置外边界,但是外边界不对上下起作用,只能对左右起作用,也可以设置内边界,但是内边界在ie6中不对上下起作用,只能对左右起作用。

  常见的块级元素与行内元素:

  块元素(block element)

  1. * address - 地址

  2.* blockquote - 块引用

  3.* center - 举中对齐块

  4.* dir - 目录列表

  5.* div - 常用块级容易,也是css layout的主要标签

  6.* dl - 定义列表

  7.* fieldset - form控制组

  8.* form - 交互表单

  9.* h1 - 大标题

  10.* h2 - 副标题

  11.* h3 - 3级标题

  12.* h4 - 4级标题

  13.* h5 - 5级标题

  14.* h6 - 6级标题

  15.* hr - 水平分隔线

  16.* isindex - input prompt

  17.* menu - 菜单列表

  18.* noframes - frames可选内容,(对于不支持frame的浏览器显示此区块内容

  19.* noscript - 可选脚本内容(对于不支持script的浏览器显示此内容)

  20.* ol - 排序表单

  21.* p - 段落

  22.* pre - 格式化文本

  23.* table - 表格

  24.* ul - 非排序列表

  行内元素(inline element)

  1. * a - 锚点

  2.* abbr - 缩写

  3.* acronym - 首字

  4.* b - 粗体(不推荐)

  5.* bdo - bidi override

  6.* big - 大字体

  7.* br - 换行

  8.* cite - 引用

  9.* code - 计算机代码(在引用源码的时候需要)

  10.* dfn - 定义字段

  11.* em - 强调

  12.* font - 字体设定(不推荐)

  13.* i - 斜体

  14.* img - 图片

  15.* input - 输入框

  16.* kbd - 定义键盘文本

  17.* label - 表格标签

  18.* q - 短引用

  19.* s - 中划线(不推荐)

  20.* samp - 定义范例计算机代码

  21.* select - 项目选择

  22.* small - 小字体文本

  23.* span - 常用内联容器,定义文本内区块

  24.* strike - 中划线

  25.* strong - 粗体强调

  26.* sub - 下标

  27.* sup - 上标

  28.* textarea - 多行文本输入框

  29.* tt - 电传文本

  30.* u - 下划线

  31.* var - 定义变量

【web网页开发笔小知识】相关文章:

1.web标准网页的好

2.WEB开发系的求职信

3.Web开发的教程图解

4.Web前端开发个人求职简历

5.如何面试Web前端开发

6.WEB开发系的求职信范文

7.中级web前端开发工程师的职责

8.Web前端开发css基础样式总结