您的位置：首页 > Web前端

【前端开发】HTML标签总结-行标签和块标签

2016-07-15 20:29 543 查看

一，基本概念

HTML(Hypertext Markup Language) 超文本标记语言，是用于描述网页文档的一种标记语言，XHTML是一种遵循更严格的XML规则的HTML新版本，这种新的XML兼容版本的HTML被称为XHTML。

<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

二．大体框架

<html>

<head>

 <title>该文本的标题</title>

</head>

 <body>网页要显示的内容…(可以使用各种标签设置参数) </body>

</html>

使用META标记，提供关于网页的信息
<META charset=”UTF-8″> 设置网页使用UTF-8编码

HTML标签语法：

1、双标记：<开始标记>内容</结束标记>。例：新华网、<title>…</title>

2、单标记：<标记>。例：<hr>–加横线、 –换行、–加宽等。

3、标记的属性：<标记属性1=参数属性2=参数…>内容</标记>。例：新华新闻。

特殊标签(3个)：<!DOCTYPE>、<!– –>、<hr>、

块元素与行元素可以通过css 中display样式进行转换（inline，block，inline-block）。

display常用的几个属性

值	描述
none	此元素不会被显示。
block	此元素将显示为块级元素，此元素前后会带有换行符。
inline	此元素会被显示为内联元素，元素前后没有换行符。
inline-block	行内块元素。（CSS2.1 新增的值）

e，inline-block属性是CSS2.1新加值，IE8以上及其他主流浏览器都已经支持，它可以使元素像行内元素那样水平一次排列，但是框的内容符合块级元素行为，能够显示设置宽，高，内外边距。就是可以一行排列多个此类元素，并且可以根据属性设置尺寸大小。

块元素(block element)

* div – 常用块级主要标签

* dl – 定义列表

* form – 交互表单

* h1-h6 – 标题

* hr – 水平分隔线

* ol ,ul- 排序表单，非排序列表

* p – 段落

* pre – 格式化文本

* table – 表格

  * blockquote – 块引用

行元素(inline element)

  * a – 锚点

* br – 换行

* em – 强调

* i – 斜体

* img – 图片

* input – 输入框

* label – 表格标签

* q – 短引用

* select – 项目选择

* span – 常用内联容器，定义文本内区块

* sub – 下标

* sup – 上标

* textarea – 多行文本输入框

* var – 定义变量

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html 前端开发

相关文章推荐

新的分享

章节导航