关于 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 让块级元素兼具内联元素的特性。
领取专属 10元无门槛券
私享最新 技术干货