网页设计中的标签 第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;
转化为块级元素时:
页面展示如下:
拓展内容: