网页制作三剑客即

前端三剑客：HTML、CSS 和 JavaScript

#头条创作挑战赛#

一个基本的网站包含很多个网页，每个网页主要是由三部分组成，即结构（HTML）、表 从入门到精通 Python网络爬虫框架Scrapy 12 现（CSS）和行为（JavaScript）。

如果用造房子来比喻三者间的关系，那么 HTML 是建筑师，设 计房子的架构（包括大梁和钢筋）；CSS 是做装修和粉刷，给房子添上色彩；JavaScript 是魔术师（例 如，安装门窗、空调、电视等），给房子装上想要的功能。这样比喻可能不是完全恰当，但可以帮 助我们更好地理解这三者之间的关系。

（1）HTML。HTML 是用来描述网页的超文本标记语言，用于构建网页的基本框架。超文本是 指页面内可以包含图片、链接、音乐等非文字元素。我们在浏览器中打开的网页都是 HTML 文件， 其结构包括“头”（head）部分和“主体”（body）部分，其中“头”部分提供关于网页的信息，“主 体”部分提供网页的具体内容，简单的 HTML 文档如下：

HTML 是网页的结构（Structure），需要有多种框架和布局，如 frameset 框架集、iframe 内联 框架、div + css 布局、table 布局等，同时支持表单提交（HTML Form），包括基础表单、input 输入框、 输入框类型、文本域、列表、label 等。HTML5 是 HTML 的一个新版本，它是一次跨越性的升级， 它将 HTML 向全平台通用化的发展方向上推进了一大步。例如，HTML5 新增了很多新元素及功能， 如图形的绘制、多媒体内容、更好的页面结构、更好的形式处理和 API 拖放元素、定位等。这些 元素的加入，使 HTML5 实现以前只能在客户端软件上才能实现的功能。

（2）CSS。CSS（Cascading Style Sheets）也称为层叠样式表，是一种用来表现 HTML（标准 通用标记语言的一个应用）或 XML（标准通用标记语言的一个子集）等文件样式的计算机语言。 这里简单理解为：CSS 是 HTML 语言的一个应用，可以修饰各种动态和静态页面，对网页中元素 位置的排版进行像素级精确控制（以像素为单位），支持几乎所有的字体字号样式，拥有对网页对 象和模型样式编辑的能力。CSS 的诞生是为了解决 HTML 的显示功能，它解决了 HTML 显示杂乱 和臃肿的问题。CSS 主要定位页面元素的样式，如网页中的动态文字、文字的色彩、字体、动画 效果等。

CSS 样式表主要由很多样式规则组成，规则主要由两部分构成：选择器及一条或多条声 明（属性和值）。选择器是需要定义样式的页面元素，每条声明由一个属性和一个值组成。

（3）JavaScript。如果一个网页只有“结构”和“表现”，而缺少了用户与网页的交互，即行为， 那么这样的网页就如一潭死水，无法形成良好的用户体验。好的用户体验不仅可以让用户鼠标放 在哪里，哪里就会产生人性化的效果，而且可以增强用户的可操作性。例如，鼠标滑过弹出下拉 菜单，鼠标滑过表格的背景颜色改变，焦点新闻（新闻图片）的轮换等。可以这样理解，有动画 的、有交互的一般都是用 JavaScript 来实现的。

JavaScript（简称 JS）是一种具有函数优先的轻量级、 解释型或即时编译型的编程语言。与其他编程语言一样，JavaScript 也有数据类型、条件语句、分 支语句、字符串详解、数组详解、对象、函数、数值、Math 函数、作用域等。通常 JavaScript 脚 本是通过嵌入在 HTML 中来实现自身的功能的，它是连接前台（HTML）和后台服务器的桥梁， 它是操纵 HTML 的“能手”。JavaScript 一般分为原生 JavaScript、JavaScript 库、JavaScript 框架、 JavaScript 插件等。

下面简单说明一下：

①原生 JavaScript ：是指遵循 ECMAScript 标准的 JavaScript，不同于微软的 JavaScript，也不 依赖于任何框架，依托于浏览器标准引擎的脚本语言。

② JavaScript 库和JavaScript 框架：JavaScript 高级程序设计（特别是对浏览器差异的复杂处 理），通常很困难也很耗时。为了应对这些调整，许多的 JavaScript 库和框架应运而生。所有这些框架都提供针对常见JavaScript 任务的函数，包括动画、DOM 操作、API 封装、界面 UI 封装 的库类及 Ajax 处理。许多大公司在网站上使用的 JavaScript 框架有 jQuery、Prototype、MooTools 等。其中，jQuery是目前最受欢迎的 JavaScript 框架。因为 jQuery 是一个高效、精简并且功能丰富的JavaScript 工具库，极大地简化了 JavaScript 编程。它使用 CSS 选择器来访问和操作网页中的 HTML 元素（DOM 对象）。jQuery 同时提供 companion UI（用户界面）和插件。jQuery 完全不用 担心兼容的问题，大部分浏览器都能实现常用的功能。

JavaScript 插 件：集成了帮助程序员轻松完成功能的程序。我们可能已经用过很多 JavaScript 插件，如著名的轮播图插件 Swiper.js、滚动条插件 iScroll.js 等，用起来非常方便，大大 提高了我们的工作效率。

20年前的互联网三剑客，新浪有微博，网易靠“养猪”，搜狐在做啥

“头条首发，禁止搬运，违者必究。”在阅读此文前，辛苦您点击右上角的“关注”，既方便您进行讨论和分享，又能给您带来不一样的参与感，感谢您的支持！

来源/首席商业智慧作者/首席商业智慧 引言：怎么投资20亿元，保证净赚47亿元？

有一家公司，市值为2.88亿美元，折合人民币约为20亿元，可这家公司大楼的价格却有67亿元。

也就是说，如果能够花20亿元买下这家公司，再原地把公司解散，卖掉大楼也能净赚47亿元，实在是稳赚不赔的生意。

这家公司就是搜狐。

01、搜狐大楼越来越值钱

谁能想到，搜狐的市值居然能跌得不如公司大楼？

搜狐名下分别有3栋写字楼——威新国际大厦、搜狐媒体大厦、石景山搜狐畅游大厦，均在北京核心地段，据传估值67亿元。

早在8年前，就有“搜狐市值不如楼”的说法了，没想到，几年过去，这个“赚钱方法”越来越值钱。

今年10月23日，搜狐的股价迎来了3年来的最低峰，最低8美元一股。

原因很简单，今年前三季度，搜狐累计亏损4900万美元，折合人民币约3.50亿。

在搜狐的业绩报告中，对第四季度的营收也持悲观态度，可以说，今年想盈利，已经是基本无力回天。

同为最初的三大门户网站，网易2022年营收965亿元，新浪是停牌了，但微博也有约31.52亿元的营收。

相比之下，搜狐，这个中国第一个盈利的互联网公司，就显得落魄许多。

相比其他早早“被拍死在沙滩上”的互联网前辈，现在的搜狐虽然没了以往的风光，但至少还活着。

02、新浪有微博，网易靠“养猪”，搜狐在做什么？

最开始，搜狐是创始人张朝阳模仿风靡美国的分类搜索网站雅虎制作的。

雅虎在1994年创办，1995年，国内就有了山寨版的“爱特信”，也就是搜狐的前身。

那时，搜狐是各种网站的网址导航，不仅可以搜索，还有邮箱、社区、视频等内容。

搜狐曾经的广告“出门靠地图，上网找‘搜狐’”，就很好地诠释了这一类门户网站的作用。

别的小网站想获得被网友发现，就得给门户网站上供，也就是俗称的“内容免费，广告收费”，这就是最初的门户网站盈利形式。

即使到了现在，不少互联网大厂也是靠着这样的思路打天下。

我们正在使用的今日头条就是如此，看内容大多是免费的，主要靠投放广告赚钱。

到了2000年，就已经形成了门户网站三剑客的雏形——新浪、网易、搜狐，这三位先行者纷纷在美国达纳克斯敲钟。

然而，“三剑客”门户网站多少有点生不逢时，2000年也是美国互联网金融泡沫破灭的一年。

搜狐当时的市值甚至比持有的现金更低，原来真正的致富道路早在那时就已经暗示了——买下搜狐、解散公司、拿走资产。

2002年，在上一次的金融危机中终于缓过来的搜狐，成为国内唯一一家，也是第一家盈利的上市互联网公司。

在马云还在玩“QQ秀”时，张朝阳就开始通过流量赚钱了。

光是在2003年，为了补全短板，搜狐还收购了游戏网站17173和房地产网站焦点网。

在体育领域，搜狐也拿下了2006年的世界杯转播权，签约要命，成为NBA中国官方合作伙伴。

如今这两个网站和这些关键词，也充满了怀旧感。

可搜狐对腾讯的优势仅仅持续了2年。

2004年，QQ的注册用户数量突破3亿。

按以前随便注册，用一个QQ账号丢一个账号的风气，这个数据肯定有水分，但无疑仍然是一个巨大的用户群体。

腾讯也终于想到流量变现的办法，那就是在QQ中内置腾讯自己的门户网站——腾讯网。

腾讯网虽然刚刚上线的时候，基本就是门户网站“三剑客”们的低配版，但靠一手流量变现的好手段，还是挤进了这个竞争激烈的市场中。

2004年恰逢雅典奥运会，腾讯网靠着QQ界面播报运动会战况的引流，一度成为全国第四大的门户网站。

不过，让门户网站真正走向末路的，还是搜索引擎的崛起。

毕竟门户网站收录的内容再如何全面，也无法涵盖以指数级的速度增长的互联网内容。

为了适应互联网发展，势必有新的势力入局洗牌。

这次是百度搜索。

百度并没有和搜狐这类门户网站直接对上，却仍然无可避免地预兆了门户网站的式微。

“我打败你，与你无关。”

这就是互联网时代残酷法则，一旦不能顺应时代的发展，就会被时代抛弃。

百度搜索也最终被大数据推荐算法的模式“淘汰”，靠广告和被多次批判的竞价排名服务赚钱了。

那都是后话，在百度崛起之时，“内卷”得激烈的门户网站们这才傻眼地发现，打着打着，整个战场都被淘汰了。

在“百度一下，你就知道”成为主流之后，四大门户网站中的“三大”都跑路了。

网易先后进军短信、游戏、养猪等业务，2022年营收965亿元，主要收入来自游戏、有道、云音乐和创新，可以说基本上和门户没啥关系了。

而新浪则在2005年推出了博客，在下一代的微博之战中占据了主流。

这一届在国内举办的奥运会，获得了前所未有的关注。

按理来说，赞助商搜狐应该是大赢家，可那一年流量最大的门户却还是新浪。

包括腾讯在内的四大门户网站，除了搜狐都找到了后路，腾讯不必多说，新浪有微博，网易靠“养猪”。

网易发布猪场规划图：“丁家猪"将住空中楼阁

可如今的搜狐，公司寿命到中年，却好像还是在寻找真正的发力点。

03、“小而美”的搜狐，注定翻不起什么浪花

当一个公司开始频繁搞幺蛾子的时候，就说明他已经开始走下坡路了。

曾经的门户网站都变成了网址导航，而网址导航又变成了“流氓”。

现在提起搜狐，恐怕没有几个用户没骂过的。

在搜狐网页随便打开一篇资讯，在同一个页面，网页可以连续请求打开知乎、京东、美团、支付宝、唯品会等一系列APP。

这或许就是2022年，搜狐为什么还有1.03亿美元的品牌广告营收的原因了，实在是对用户价值盘剥了一层又一层。

说到底现在还是内容为王的时代，曾经的搜狐靠着相对优质的新闻苟延残喘，现在却屡屡被吐槽首页全是毫无营养的AI文章。

不过如何处理低质量文章，也是所有自媒体平台需要面对的问题。

如果内容质量都做不好，那么靠“内容免费，广告收费”的模式，搜狐的广告费收得就没那么顺利了。

而根据2022年的年报，搜狐的主要收入，还是游戏。

今年第三季度，搜狐的游戏收入却面临下降的趋势，根据今年第三季度报，搜狐的游戏收入同比下降21%。

毕竟搜狐旗下只有一款《天龙八部》这一主打IP，生命周期已经走过15年，相比不少网络游戏已经十分长寿了。

曾经的搜狐，也先后推出过微博、搜狐视频、狐友等产品，不过从搜狐收财报中的收入构成来看，这些产品目前恐怕也都没什么水花。

这或许也跟搜狐的路线有关，毕竟是“小而美”的公司，不以“亏损换规模”，注定了搜狐折腾不起什么浪花。

04、搜狐的第N次创业

不知出于什么心态，虽然公司已经没有了曾经的风光，但年近60的张朝阳却开始“回归本心”，开始在线上讲物理。

毕竟是麻省理工的物理学博士后，张朝阳亲身上阵讲物理，走“新东方路线”，或许真的让他内心获得了一定的幸福感。

在这样的情况下，曾经说过“钱多钱少和幸福没关系”的张朝阳似乎真的应征了他说的话。

曾经，在搜狐还算风光的时候，张朝阳却说“我有这么多的钱，却过得一点都不幸福”。

2012年，互联网行业群雄割据的时候，张朝阳却消失了一整年。

这一年，经历了360百度之争、盛大退市、微信分流微博、土豆优酷合并、电商价格战等大事，搜狐却一直静悄悄。

对此，张朝阳的解释，是自己的精神状况出了问题。

专心疗养的张朝阳，可能基本放弃了对公司的掌控，有公司的高管称，经常打他的电话都打不着。

现在，“没钱”的张朝阳，却似乎变得从容了起来。

从2016年至2021年，5年来张朝阳直播了超过1600场，最开始只是为了科普英语。

而2021年至今，张朝阳在搜狐视频的物理小课堂开课以来，张朝阳的物理小课堂也直播了超过160期。

在抖音上，张朝阳的物理课播放量破亿，点赞也超过2000万，足以证明这一IP确实是相当成功。

甚至在今年9月7日，张朝阳以“物理学大师”的身份回归了本科母校清华大学，开展了物理学相关讲座。

张朝阳还出了物理科普书《张朝阳的物理课》，并且已经发布到了第二卷。

不少网友认为，张朝阳现在虽然没钱了，但从企业家转型老师，比马云还早完成了马云的梦想，说不定还比马云幸福。

或许有人把张朝阳类比董宇辉，但想走直播带货的路线，搜狐却没有东方甄选成功。

张朝阳在搜狐视频上进行的带货，从“Charles的好物分享”到“乐队的好物分享”等均反应平平。

现在，搜狐最值钱的，恐怕除了游戏，也就是张朝阳的个人IP，如何利用好这样的优势，搜狐可能还要思考。

05、被低估还是回归原有价值？

如果重来一次，张朝阳恐怕能有不少翻盘机会。

毕竟成立即巅峰的搜狐，在门户网站之后，错过了几乎所有的风口，搜索领域被百度赶超，微博之战被新浪打败。

后续的移动互联网时代就更没搜狐什么事儿了。

这家号称互联网行业的黄埔军校，甚至有传言称，搜狐这家公司，间接或直接地培养出过300多位公司创始人。

这有一定的必然因素，毕竟20年前，互联网公司还不像现在这样百花齐放，互联网行业的人才，基本上也就那几家公司可以去。

有的网友认为，搜狐但凡能抱住其中一位大佬的大腿，说不定还能再续几年辉煌。

有那么多次机会，结果这么多年来，搜狐最成功的投资，居然是总部大楼。

也有的网友认为搜狐的市值是被低估的，虽然这些年曾有过巨额亏损，亏得张朝阳卖搜狗续命，但搜狐的价值也应当远不如此。

资本市场就是如此逐利，不管曾经有多辉煌，只要觉得没有发展的潜力了，就会立刻抛弃你。

你觉得搜狐的市值是被低估的吗？欢迎在评论区留下你的看法。

百万商界精英读本！热点时事辣评，商界资讯，财经趣闻，互联网的那些事，更多优质内容，欢迎关注@首席商业智慧