网页设计中的标签 第1篇
演示图
演示图
演示图
演示图
网页设计中的标签 第2篇
标题标签的默认样式是 自动加粗 的，字体一级标题最大，六级标题最小，每个标题标签独占一行； 标题标签是 块元素
代码如下：
页面效果：
段落标签p,里面的内容是以段落的形式体现的，如果一个段落的文字太多，那么它会自适应浏览器窗口，一行显示不下，则会换行； 它代表着一个自然段； 段落标签是 块元素。
代码如下：
页面展示：
换行标签br的作用是，强制换行。br 是 单标签。
代码如下：
页面展示：
hr标签：给页面添加一个分割线 hr标签，可以添加样式
代码如下：
页面展示：
span 用于对文档中的行内元素进行组合； span 标签没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。如果不对 span 应用样式，那么span 元素中的文本与其他文本不会任何视觉上的差异； span 标签提供了一种将文本的一部分或者文档的一部分独立出来的方式； span 标签不同于p 标签是一个行内元素（不独占一行）
代码示例：
页面效果：
div 标签可以看出是一个盒子容器，这里面可以放别的标签 div 标签是一个块元素
页面效果：
如上图控制台所示（打开控制台的方式：F12）：div 标签里面可以包含 p 标签， p 标签，里面不可以放div 标签
代码如下：
网页设计中的标签 第3篇
HTML 可以将元素分类方式分为 行内元素、块级元素 和 行内块元素。
使用 display 属性能够将三者任意转换：
p 标签是块级元素：
上面代码的页面展示如图： 通过 display:inline; 将其转化为行内元素：
页面展示如图：
此时的页面展示如下，因为 text-align 修饰的是块级元素： 当通过 display:block; 转化为块级元素时：
页面展示如下：
拓展内容：