四步教您新建一个网页

2020-05-05    分类: 网站建设



1.选择一种DOCTYPE

HTML或者XTHML的最终版本非常适用于固定宽度布局和灵活布局。请确认你已经选择了一个DOCTYPE-你可以成功地满足该DOCTYPE的需求来创建有效的栎记,这样一来你便可以有一个更好的跨浏览器进行正确渲染的机会。

2.将内容放到页面上,并且添加上有助记作用的标记

每一块内容都需要使用合适的(X)HTML元素来标记,以表明它是什么,例如一个段落、一级标题或者块引用。不要添加任何带表象性质的标记,如font.b或center元素,因为它们由CSS控制。助记标识的众多好处之一是它可以提供更多的“钩子(hook)”以连接CSS——之后在对布局设置样式时便可以得到十分明显的好处。

3.使用div成组内容

尽管div是一个中性的助记元素,但是非常适合在你的页面适度地添加。请使用最小的数量将大量的信息成组为有组织性的或者有主题的组,例如导航、主内容和页脚。理想地是,你再也不需要添加任何多余的div来获取视觉效果,可以在不用考虑div将在页面上的哪个位置出现的情况下,将div以最有逻辑性的顺序放在源代码中,但是在现实中这种情况甚为少见。浏览器和CSS的限制使得稍微调整div以适应视觉格式变得非常有必要,因此我们将在创建布局时分别讲解与每个即将创建的布局相适应的div结构。

4.附加一个或多个样式表

使用页面head中的link元素或者@import指令来添加样式表。在最初的研发过程中,你只需要通过将它们放在head中的style元素中,即可将这些样式嵌入到个别页面中。接下来。当你对这些样式很满意时,便可以将这些样式移动到一个外部样式表中,并且在创建页面动态效果之前将它们应用于多个页面。本书中的绝大多数实例文件都由嵌入的样式创建,因此一个文件中将包含所有需要使用和引用的文件。在你完成这些初期步骤之后,你便可以开始准备在这些样式表中进行填充以创建布局。

分享文章:四步教您新建一个网页
分享地址:https://www.cdcxhl.com/news/82113.html

成都网站建设公司_创新互联,为您提供网站导航商城网站品牌网站设计品牌网站建设服务器托管虚拟主机

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

手机网站建设