HTML

实例代码：

我们在编辑 html 网页的时候，可以通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。这一节我们就来学习 html 框架的使用。

实例代码：

另一个创建响应式设计的方法，是使用现成的 CSS 框架，Bootstrap 是最流行的开发响应式 web 的 HTML, CSS, 和 JS 框架。Bootstrap 帮助您开发在任何尺寸都外观出众的站点：显示器、笔记本电脑、平板电脑或手机。

实例代码：

实例代码：

使用表格的 HTML 布局

注释：<table> 元素不是作为布局工具而设计的。<table> 元素的作用是显示表格化的数据。使用 <table> 元素能够取得布局效果，因为能够通过 CSS 设置表格元素的样式。

实例代码：

实例代码：

使用 <div> 元素的 HTML 布局

注释：<div> 元素常用作布局工具，因为能够轻松地通过 CSS 对其进行定位。

这个例子使用了四个 <div> 元素来创建多列布局：

实例代码：

HTML <span> 元素是行内元素，能够用作文本的容器。设置 <span> 元素的类，能够为相同的 <span> 元素设置相同的样式。

实例代码：

HTML <div> 元素是块级元素。它能够用作其他 HTML 元素的容器。设置 <div> 元素的类，使我们能够为相同的 <div> 元素设置相同的类。下面我们就来做一个实例

实例代码：

可以通过 <div> 和 <span> 将 HTML 元素组合起来。

HTML 块元素
大多数 HTML 元素被定义为块级元素或内联元素。

编者注：“块级元素”译为 block level element，“内联元素”译为 inline element。

块级元素在浏览器显示时，通常会以新行来开始（和结束）。

例子：<h1>, <p>, <ul>, <table>