html 介绍以及常用的 html 标签

关于 mysql 的知识点系列,已经全部写完了,从这篇文章开始,将介绍 html 、css 的知识。大概用三篇文章给大家分享一下关于 html 页面布局结构、html 的常用标签、html 的盒子概念、html 的浮动和定位、常用的 css 属性。

对于 html 是什么?

我觉得没有信心表述清楚这个问题,所以我就只把我的理解告诉大家:html 是一门可以被浏览器解析的语言。

以下是我在网上查找的关于 html 的介绍:

HTML 是用来描述网页的一种语言

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 不是一种编程语言,而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词,比如

HTML 标签通常是成对出现的,比如 和

标签对中的第一个标签是开始标签,第二个标签是结束标签

开始和结束标签也被称为开放标签和闭合标签

HTML 文档 = 网页

HTML 文档描述网页

HTML 文档包含 HTML 标签和纯文本

HTML 文档也被称为网页

html 页面布局结构

我们平时在写 html 页面时,我们首先要在脑海中,想象出这个页面的布局结构,是上下结构还是左右结果,如果是上下结构,我们可以使用 div 标签进行往下叠加,如果是左右结构,我们可以用使用浮动或者使用内联元素。

html 常用标签

html 的标签分为块级元素和内联元素。

块级元素的特点是:

1、总是从新的一行开始。

2、高度、宽度都是可控的。

3、宽度没有设置时,默认为100% 。

4、块级元素中可以包含块级元素和行内元素。

常用的块级元素有:

...

标题一级

...

标题二级

...

标题三级

... 标题四级

... 标题五级

... 标题六级

水平分割线

...

段落

...

无序列表

... 有序列表

... 定义列表

表格

... 表单

...

内联元素的特点是:

1、和其他元素都在一行。

2、高度、宽度以及内边距都是不可控的。

3、宽高就是内容的高度,不可以改变。

4、行内元素包含行内元素,不能包含块级元素。

常用的行内元素有:

...

...

链接

换行

... 加粗

... 加粗

图片

... 斜体

... 斜体

... 文本框

... 多行文本

... 下拉列表

我们在平时的开发中,可以使用 css 的 display:block 将内联元素变为块级,也可以使用 display:inline-block 让块级元素兼具内联元素的特性。

  • 发表于:
  • 原文链接:https://kuaibao.qq.com/s/20180824G0PX3P00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券