爬虫研发技术基本教程之HTML/CSS/Javascript基本
<h2 style="color: black; text-align: left; margin-bottom: 10px;">简介</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML、CSS、Javascript是Web<span style="color: black;">研发</span>的<span style="color: black;">基本</span>，<span style="color: black;">一般</span>，HTML 定义了网页的内容，CSS 描述了网页的布局，JavaScript 规定了网页的<span style="color: black;">行径</span>。以下是摘录自 w3school 上的介绍。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">楚江数据是一家专业的互联网数据技术服务商，<span style="color: black;">供给</span>网站APP数据采集和爬虫软件定制<span style="color: black;">研发</span>服务，服务范围涵盖社交网络、电子商务、<span style="color: black;">归类</span>信息、学术<span style="color: black;">科研</span>等。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">官方网站 <a style="color: black;">楚江数据-领先的互联网数据技术服务商</a>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">什么是 HTML？</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML 是用来描述网页的一种语言。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML 指的是超文本标记语言 (Hyper Text Markup Language)</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML 不是一种编程语言，而是一种标记语言 (markup language)</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">标记语言是一套标记标签 (markup tag)</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML <span style="color: black;">运用</span>标记标签来描述网页</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML 标签</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML 标记标签<span style="color: black;">一般</span>被<span style="color: black;">叫作</span>为 HTML 标签 (HTML tag)。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML 标签<span style="color: black;">是由于</span>尖括号<span style="color: black;">包裹</span>的<span style="color: black;">重要</span>词，<span style="color: black;">例如</span> </p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML 标签<span style="color: black;">一般</span>是成对<span style="color: black;">显现</span>的，<span style="color: black;">例如</span> 和 </p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">标签对中的<span style="color: black;">第1</span>个标签是<span style="color: black;">起始</span>标签，第二个标签是结束标签</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">起始</span>和结束标签<span style="color: black;">亦</span>被<span style="color: black;">叫作</span>为开放标签和闭合标签</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML 文档 = 网页</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML 文档描述网页</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML 文档<span style="color: black;">包括</span> HTML 标签和纯文本</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML 文档<span style="color: black;">亦</span>被<span style="color: black;">叫作</span>为网页</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Web 浏览器的<span style="color: black;">功效</span>是读取 HTML 文档，并以网页的形式<span style="color: black;">表示</span>出它们。浏览器不会<span style="color: black;">表示</span> HTML 标签，而是<span style="color: black;">运用</span>标签来解释页面的内容.</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
</div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">解释：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">< html> 与
之间的文本描述网页
</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">< body> 与 之间的文本是可见的页面内容
</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">< h1> 与
之间的文本被<span style="color: black;">表示</span>为标题
</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">< p> 与
之间的文本被<span style="color: black;">表示</span>为段落
</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS 概述</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS 指层叠样式表 (Cascading Style Sheets)</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">样式定义<span style="color: black;">怎样</span><span style="color: black;">表示</span> HTML 元素</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">样式<span style="color: black;">一般</span>存储在样式表中</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">把样式添加到 HTML 4.0 中，是为<span style="color: black;">认识</span>决内容与表现分离的问题</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">外边</span>样式表<span style="color: black;">能够</span><span style="color: black;">极重</span><span style="color: black;">加强</span>工作效率</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">外边</span>样式表<span style="color: black;">一般</span>存储在 CSS 文件中</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">多个样式定义可层叠为一</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">样式<span style="color: black;">处理</span>了一个<span style="color: black;">广泛</span>的问题</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML 标签<span style="color: black;">本来</span>被设计为用于定义文档内容。<span style="color: black;">经过</span><span style="color: black;">运用</span> < h1>、< p>、< table> <span style="color: black;">这般</span>的标签，HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。<span style="color: black;">同期</span>文档布局由浏览器来完成，而不<span style="color: black;">运用</span>任何的格式化标签。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">因为</span>两种<span style="color: black;">重点</span>的浏览器（Netscape 和 Internet Explorer）<span style="color: black;">持续</span>地将新的 HTML 标签和属性（<span style="color: black;">例如</span>字体标签和颜色属性）添加到 HTML 规范中，创建文档内容清晰地独立于文档表现层的站点变得越来越困难。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">为<span style="color: black;">认识</span>决这个问题，万维网联盟（W3C），这个非营利的标准化联盟，肩负起了 HTML 标准化的使命，并在 HTML 4.0 之外创造出样式（Style）。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">所有的主流浏览器均支持层叠样式表。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">样式表<span style="color: black;">极重</span>地<span style="color: black;">加强</span>了工作效率</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">样式表定义<span style="color: black;">怎样</span><span style="color: black;">表示</span> HTML 元素，就像 HTML 3.2 的字体标签和颜色属性所起的<span style="color: black;">功效</span>那样。样式<span style="color: black;">一般</span>保存在<span style="color: black;">外边</span>的 .css 文件中。<span style="color: black;">经过</span>仅仅编辑一个简单的 CSS 文档，<span style="color: black;">外边</span>样式表使你有能力<span style="color: black;">同期</span>改变站点中所有页面的布局和外观。<span style="color: black;">因为</span><span style="color: black;">准许</span><span style="color: black;">同期</span><span style="color: black;">掌控</span>多重页面的样式和布局，CSS <span style="color: black;">能够</span><span style="color: black;">叫作</span>得上 WEB 设计<span style="color: black;">行业</span>的一个突破。<span style="color: black;">做为</span>网站<span style="color: black;">研发</span>者，你能够为<span style="color: black;">每一个</span> HTML 元素定义样式，并将之应用于你<span style="color: black;">期盼</span>的任意多的页面中。如需进行全局的更新，只需简单地改变样式，<span style="color: black;">而后</span>网站中的所有元素均会自动地更新。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Javascript</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">JavaScript最初被设计<span style="color: black;">做为</span>客户端脚本语言在用户的浏览器上运行，但<span style="color: black;">近期</span>Javascript的<span style="color: black;">运用</span>场景<span style="color: black;">已然</span>大大扩展，从桌面程序到服务器程序，都<span style="color: black;">能够</span>用Javascrip</p>
页:
[1]