首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【融职培训】Web前端学习 第2章 网页重构8 网页结构

一、树状结构 树状结构概述 在学习网页布局之前,我们需要先了解树状结构的基本概念。...三、网页布局 观察设计稿 画出树状结构 ├─html │ ├─div │ │ ├─h2 │ │ │ └─精选手册 │ │ │ ├─a │ │ │...│ │ └─h3 │ │ | │ │ └─span │ │ | │ │ └─a 每一个区域(盒子)都使用div标签包裹起来,这样可以让我们的布局思路更清晰,将网页中出现的问题用一个个...但是缺点也是有的,那就是网页会多出很多没有必要的div。但是对于初学者来说,制作网页的过程,多两个div不是问题,结构混乱才,不容易调试才是最大的问题。...四、课后练习: 画出融职教育首页的网页树状结构,下图为参考答案。 要求如下: 写出所有元素节点和文本节点 适当标注出class属性节点,为后续添加样式做准备。 我们将会在第10节完成此设计稿的重构。

36410
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【融职培训】Web前端学习 第2章 网页重构1 第一个网页

    一、内容概述 从本节我们开始正式学习前端开发的课程内容,首先我们从第一个网页开始了解html和css的基本概念,并通过创建第一个网页了解vscode的基本使用方法。...网页文件本身是一种文本文件, 使用 !+ tab生成html模板; 1 2 <!...庆幸的是有了这本《前端开发学习手册》,只要掌握十几个标签,就能完成生动的网页。 在下一节我们会列举常用的HTML标签。...CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 关于CSS的更多内容,我们会在后续章节继续讲解。...接下来按照上面的代码示例编写自己的网页。 用浏览器打开此html文件。 通过上面的六步,我们就可以访问我们自己的第一个网页了;

    39720

    网页实时聊天之PHP实现websocket

    前言 websocket 作为 HTML5 里一个新的特性一直很受人关注,因为它真的非常酷,打破了 http “请求-响应”的常规思维,实现了服务器向客户端主动推送消息,本文介绍如何使用 PHP 和 JS...应用 websocket 实现一个网页实时聊天室; 以前写过一篇文章讲述如何使用ajax长轮询实现网页实时聊天,见链接: 网页实时聊天之js和jQuery实现ajax长轮询 ,但是轮询和服务器的 pending...PHP 实现 websocket 服务器 PHP 实现 websocket 的话,主要是应用 PHP 的 socket 函数库: PHP 的 socket 函数库跟 C 语言的 socket 函数非常类似...在 PHP 手册中看一遍 socket 函数,我想大家也能对 php 的 socket 编程有一定的认识。 下面会在代码中对所用函数进行简单的注释。...那么类似于 C socket 的 PHP socket 自然也继承了这一点,它创建的 socket 也是类型于 int 值为 4 5 之类的资源类型。

    6.9K111

    PHP实现网页爬虫功能的详细指南

    随着互联网的迅猛发展,我们可以利用网页爬虫自动化地浏览和获取Web页面中的信息。本文将详细介绍如何使用PHP编程语言和Goutte库实现网页爬虫功能。...一、环境安装和配置 首先,确保你的系统已经安装了PHP,并且可以在命令行中运行php命令。然后,我们需要安装Goutte库,它是一个强大的PHP爬虫库,可以方便地操纵Web页面。...三、获取超链接 网页爬虫通常用于提取页面中的超链接,以便进一步访问这些链接。...总结: 本文详细介绍了使用PHP编程语言和Goutte库实现网页爬虫功能的方法。从环境配置和安装开始,然后逐步介绍了如何获取页面内容、提取超链接以及填写表单并提交数据。...通过这些示例代码,你可以开始编写自己的网页爬虫程序,实现自动化的数据获取和处理任务。希望本文对你有所帮助!

    54540

    【融职培训】Web前端学习 第2章 网页重构9 css定位

    一、定位的基本概念 在我们浏览网页的过程中,经常会发现网页中的元素重叠展示,例如一个列表压在了一张图片之上,或者浏览器右下角突然弹出的广告压到了其他元素之上,这些都需要使用css的定位才能实现,本节我们就讲解...原点在整个网页左上角的位置。 定位的坐标分别是top:50px;left:50px;这个值是元素左上角距离原定的距离。...我们将body元素的高度设置成1000px,这样我们就可以通过滚轮控制网页显示的位置。 原点在浏览器当前窗口的左上角。...注意事项 大家掌握了定位之后会发现一个问题,那就是只要我么使用定位,就可以实现所有的网页效果,再也不需要浮动布局,也不用管网页的树状结构了。...这样做其实是不可以的,在制作网页的过程中,我们不仅要将元素放在指定的位置,还要考虑网页的后续可维护性,已经针对不同屏幕尺寸的适应能力。因此,定位是我们实现网页布局的最后手段。

    38010
    领券