020-29815005
预约专线时间:09:00-23:59

一个基本的 HTML 网页

新闻来源:本站 日期:2021-05-11
样的效果也可以只通过CSS来实现。在那个时候,开发者必须为每一个功能创建独立的标签。(趣闻:如果你搜索"marquee标签",就会看到Google制作的复活节彩蛋。)所以设计者需要一种结构化的布局方式,这种方式需要是灵活的,并且完全可以定制。
一个基本的 HTML 网页

    当时并没有结构化或统一的方式来布局HTML,但很好的是,HTML通过特殊标签提供了一些定制功能。

    尽管有些标签在HTML5中已经被弃用,但这些标签仍然沿用至今。举例来说,有一个标签用来创建滚动文本,图片和其他HTML元素。

    同样的效果也可以只通过CSS来实现。在那个时候,开发者必须为每一个功能创建独立的标签。(趣闻:如果你搜索"marquee标签",就会看到Google制作的复活节彩蛋。)所以设计者需要一种结构化的布局方式,这种方式需要是灵活的,并且完全可以定制。

    于是出现了层叠样式表(CascadingStyleSheets,CSS),它是HTML元素的布局标准。

    层叠样式表或CSS是对任何HTML元素进行布局的方法。CSS有一组可应用于任何HTML元素的预定义属性。它们可以直接嵌入到HTML页面中,或者作为一个外部.css文件使用。

    它是网页设计中的重要里程碑。设计者现在可以改变HTML元素的每一个属性,把它们放在想要的地方。



    在屏幕开始缩放时。

    现在,设计者已经能够完全控制网页,他们需要确保一个网页能够在不同大小的屏幕上显示得很好。

    如今,台式机依然流行,但大部分人都在用手持手机上网。如今,设计者需要处理的宽度减少了,但是高度却增加了,这是因为相对于台式机而言,触摸屏设备可以很方便地滚动显示页面。

    站点必须考虑响应式Web设计。

    应答式网页设计是一种网页设计方法,它可以让网页在各种设备中表现得很好,也可以让窗口或屏幕尺寸。

    在处理小屏幕时,最常用的方法是使用侧边栏。侧边栏就像一个抽屉,里面放着一些链接和其他次要的东西。设计者只要把所有的辅助内容放在工具条上,就能让网页看起来干净。但是实际上侧边栏最初的设计并非为了达到这个目的。

    以前,和标签很受欢迎,因为他们允许设计师嵌入外部网页。但不像现在流行的标签,这些标签没有反应,因为它们不能适应不同的屏幕尺寸,甚至在较小的屏幕上仍然保持原来的布局,这看起来很糟糕。


    台式机的输出看上去很正常,但是不能用于移动设备。