HTML基础教程之块元素和行内元素

块元素

块元素，一般是单独占一行，不管内容多少，总是占一行。
块元素有哪些？<div>、<p>、<h1>、<h2>、<pre>等

行内元素

行内元素，不会单独占一行。
行内元素的宽度，主要是根据内容决定。
多个行内元素，会排在同一行。
行内元素有哪些？<font>、<b>、<i>、<u>、<sub>、<sup>等

结论：在标记嵌套时，一般是块元素中嵌套行内元素。

这个在排版是要注意，多个行内元素是会排在一行的，如果想换行，则必须使用换行标签，而一个块元素是单独占一行的

新建文件

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>这是我们的第一个页面</title> </head> <body> <h1>欢迎加入php.cn</h1> <h2>希望你能够在这里学的开心</h2> </body> </html>

提交重置代码

自动运行

章节

课件

捐赠

HTML+CSS基础入门教程

第1章 HTML基础教程之HTML是什么
1-1 HTML基础教程之简介
1-2 HTML基础教程之文件结构
1-3 HTML基础教程之标签格式
1-4 HTML基础教程之标签编写规范
第2章 HTML基础教程之选择一个顺手的代码编辑器
2-1 编辑器选择
第3章 HTML基础教程之常用标签1
3-1 HTML基础教程之页面整体构成
3-2 HTML基础教程之<body>标签
3-3 HTML基础教程之文本修饰标签
3-4 HTML基础教程之排版标签
3-5 HTML基础教程之<strong>和<em>
3-6 HTML基础教程之<span>标签
3-7 HTML基础教程之HTML字符实体
3-8 HTML基础教程之HTML列表
3-9 HTML基础教程之图片标记
3-10 HTML基础教程之<meta>标签
3-11 HTML基础教程之表格标签
3-12 HTML基础教程之XHTML简介
第4章 HTML基础教程之常用标签2-链接
4-1 HTML基础教程之超级链接
4-2 HTML基础教程之锚点链接
第5章 HTML基础教程之表单
5-1 HTML基础教程之表单简介
5-2 HTML基础教程之表单中的HTML标签
5-3 HTML基础教程之GET方法和POST方法
5-4 HTML基础教程之表单与表格的嵌套
5-5 HTML基础教程之表单中的单行文本域和密码域
5-6 HTML基础教程之表单中单选按钮和复选按钮
5-7 HTML基础教程之表单中的下拉列表
5-8 HTML基础教程之表单文本区域
5-9 HTML基础教程之表单按钮大全
5-10 HTML基础教程之表单隐藏域
5-11 HTML基础教程之表单上传文件域
第6章 HTML基础教程之其它知识
6-1 HTML基础教程之注释
6-2 HTML基础教程之颜色表示
6-3 HTML基础教程之计算机编码（字符集）
6-4 HTML基础教程之块元素和行内元素正在学
6-5 HTML基础教程之HTML中的DIV
第7章 CSS基础教程之基本知识
7-1 CSS基础教程之简介
7-2 CSS基础教程之语法格式
7-3 CSS基础教程之注释
7-4 CSS基础教程之Firebug调试工具
第8章 CSS基础教程之选择器
8-1 CSS基础教程之基本选择器
8-2 CSS基础教程之组合选择器
8-3 CSS基础教程之伪类选择器
第9章 CSS基础教程之各类属性
9-1 CSS基础教程之尺寸、字体及文本属性
9-2 CSS基础教程之列表及边框属性
9-3 CSS基础教程之内边距和外边距属性
9-4 CSS基础教程之背景属性
9-5 CSS基础教程之display属性
9-6 CSS基础教程之overflow属性
9-7 CSS基础教程之cursor光标类型
第10章 CSS基础教程之浮动
10-1 CSS基础教程之浮动
10-2 CSS基础教程之清除浮动
第11章 CSS基础教程之继承性和优先级
11-1 CSS基础教程之继承性
11-2 CSS基础教程之优先级
第12章 CSS基础教程之定位
12-1 CSS定位
第13章 CSS基础教程之CSS与HTML
13-1 CSS基础教程之引入CSS的方法
13-2 CSS基础教程之表格属性补充知识
第14章 CSS基础教程之盒子模型
14-1 CSS基础教程之盒子模型