回到所有的课程
课程库

HTML结构

使用HTML(超文本标记语言)来呈现网站的内容和设置。

这个视频展示了一个旧的用户界面。更新版本即将到来!

HTML(超文本标记语言)是web上最重要的基础之一。它是一种用于创建网站的标记语言。网站的内容和设置可以在我们的HTML中找到。

HTML中的两个主要结构组件是身体.所有的浏览器都使用这两种方式来呈现网页的结构和设置。

身体

在主体内部是存储网站上所有内容的地方。例如,标题、段落和图像都被写成主体中的不同标记(元素类型),浏览器在主体中呈现它们。

在本例中,我们手工编写HTML代码,以演示浏览器如何呈现它。当您使用Webflow添加此类内容时,这些标记和您看到的所有代码将自动为您创建。

这是定义页面设置的地方——关于网站的所有信息都保存在这里。以下是你可以在头脑中找到的一些东西:

标题标签-当网站在谷歌搜索结果中显示时出现的标题。

元标记-描述将出现在谷歌搜索结果的标题下面。

CSS-提供HTML元素样式的标记(例如高度,颜色,字体大小等)。如果没有CSS,我们将看到所有内容垂直堆叠,没有结构或样式,就像文本文档一样。

打开图形标签-由网站共享时出现的图片和描述组成(例如Twitter, Facebook等)。

在Webflow UI中

在Webflow中,像标题,元描述,开放图谱都可以在页面面板中编辑。对象上选择元素时创建CSS帆布并使用风格的面板

我们将使用Webflow界面预览它的外观和功能,因此我们不必担心扫描HTML或CSS文件90分钟后,却发现我们忘记在第4722行结束一个标记。相反,我们可以完全专注于创造内容。

尝试Webflow-是免费的
Baidu
map