HTML元素和布局

这里写自定义目录标题


HTML元素和布局
开发工具与关键技术:HTML和VS
作者:朱海丁
撰写时间:2020年04月28日

HTML 元素
大多数 HTML 元素被定义为块级元素或内联元素。
编者注:“块级元素”译为 block level element,“内联元素”译为 inline element。
块级元素在浏览器显示时,通常会以新行来开始(和结束)。
例子:

,

,

  • ,
    HTML 内联元素
    内联元素在显示时通常不会以新行开始。
    例子: ,
    , ,
    HTML
    元素
    HTML
    元素是块级元素,它是可用于组合其他 HTML 元素的容器。

元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。 如果与 CSS 一同使用,
元素可用于对大的内容块设置样式属性。
元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 元素进行文档布局不是表格的正确用法。
元素的作用是显示表格化的数据。 HTML 元素 HTML 元素是内联元素,可用作文本的容器。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210428191841850.png)

元素也没有特定的含义。
当与 CSS 一同使用时, 元素可用于为部分文本设置样式属性。

网站布局
大多数网站会把内容安排到多个列中(就像杂志或报纸那样)。
可以使用

或者 元素来创建多列。CSS 用于对元素进行定位,或者为页面创建背景以及色彩丰富的外观。
在这里插入图片描述

提示:即使可以使用 HTML 表格来创建漂亮的布局,但设计表格的目的是呈现表格化数据 - 表格不是布局工具!
HTML 布局 - 使用表格
使用 HTML

标签是创建布局的一种简单的方式。
可以使用
或者
元素来创建多列。CSS 用于对元素进行定位,或者为页面创建背景以及色彩丰富的外观。
 在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值