网页_网页设计 - CSDN
网页 订阅
网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,您的网站就是由网页组成的,如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。网页是一个包含HTML标签的纯文本文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一“页”,是超文本标记语言格式(标准通用标记语言的一个应用,文件扩展名为.html或.htm)。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。 展开全文
网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,您的网站就是由网页组成的,如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。网页是一个包含HTML标签的纯文本文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一“页”,是超文本标记语言格式(标准通用标记语言的一个应用,文件扩展名为.html或.htm)。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。
信息
外文名
web page
拼    音
wǎng yè
存在方式
计算机互联网
阅读方式
网页浏览器
中文名
网络页面
中文
网页
网页主流代码布局
原来是以表格来定位,现在是 DIV(区)+CSS(0.0)。
收起全文
  • 一个简单完整的网页

    万次阅读 多人点赞 2019-04-02 17:23:32
    网页头部+banner和信息部分+新闻部分+底部 一 头部 效果: 先对css进行初始化 分析:头部有一张图片和一个input输入框还有一个按钮+下面的通栏 因为用到左浮,右浮的地方不同我们可以写一个通类 这里的...

    获得源码链接,点击这里

    网页头部+banner和信息部分+新闻部分+底部

    一 头部

    效果:

    先对css进行初始化

    分析:头部有一张图片和一个input输入框还有一个按钮+下面的通栏

    因为用到左浮,右浮的地方不同我们可以写一个通类

    这里的logo图片如果不定义宽高会影响下面的通栏的设置,影响其中的第一个为首的顺序无法对齐

     

     

    二、通栏(宽度为适应屏幕所以是100%,不用设定了)

    效果

    分析:有一个ul里面有6个li,鼠标滑过的时候文字颜色改变(hover),ul在整个通栏nav中用一个nav-con这个命名的div包住,使其居中显示。

    margin: 0 auto使nav-con居中。。。。。。。。

    a链接是行内元素,设置宽高的时候要转成行内块 display: inline-block;  font:字体加粗,字体大小 /行高和字体高度相同的时候字体会居中显示

     

    三、banner

    效果:

    四、信息公告

    分析:整个部分有一部分文字(居中用一个盒子装),一部分图片(右边用一个盒子),这两个盒子分别左右浮动,调用fl,fr

    五、新闻部分

    效果:

    分析:有三部分,我们大体用三个盒子,里面的内容

    ①图片+文字(上),还有正中间的图片+左右箭头的图片用(子绝父相)position

    ②图片+文字(上),列表项ul,li,border-bottom用dashed虚线,“致歉公告”单独设置样式

    ③图片+文字(上),也是列表项这个我用div包住,还有下面的p标签的段落

     

    六、底部

    效果

    注意:这里在news的部分用到一个类来清除浮动,这样保证news部分和底部不发生重叠clearfix

    首先dt和dd是放于dl标签内,标签dt与dd处于dl下相同级。也就是dt不能放入dd内,dd不能放入dt内。在dl下,dt与dd处于同级标签。DD标签可以若干。同时不能不加dl地单独使用dt标签或dd标签。

    分析:有上下两部分,一个是dl dt dd设置列表的标题和虚线下的居中文字

     

    展开全文
  • 50个简单的网页制作案例,利用DIV+CSS完成,包括各种类型的网站
  • 大学生网页设计大作业-以下5个网页设计制作作品自己任选: 1.网页制作基础大二dw作业 2.web网页大作业 3.大学生期末网页大作业-6页面的网页设计,是个人主页类型。包含了6个页面,包含视频、脚本等元素。水平不高...
  • 8小时学会HTML网页开发

    万人学习 2020-07-21 20:06:50
    一说学网页,学编程,大家都下意识觉得要"吃苦","熬夜",哪有那么复杂,一定是你看错了教程. 挑一个阳光的午后,关掉手机,用6个小时,看看十八哥如何把一个公司的保安教会HTML,Div,CSS的. 课程共8小时,57小集,轻松一点,你...
  • 教你写一个简单的网页(html网页开发入门)

    万次阅读 多人点赞 2016-07-14 18:34:01
    一些基本的html知识

    网页的组成

    HTML
    网页的具体内容和结构

    CSS
    网页的样式(美化网页最重要的一块)

    JavaScript
    网页的交互效果,比如对用户鼠标事件作出响应

    HTML

    什么是HTML

    HTML的全称是HyperTextMarkupLanguage,超文本标记语言
    其实它就是文本,由浏览器负责将它解析成具体的网页内容

    比如,浏览器会将下面的HTML代码

    <ul>
        <li>知乎</li>
        <li>CSDN</li>
        <li>博客园</li>
    </ul>

    转化为
    知乎
    黑马
    CSDN
    的网页内容

    HTML的组成

    跟XML类似,HTML由N个标签(节点、元素、标记)组成

    HTML语法非常松散

    常见的HTML标签

    • 标题:h1,h2,h3,h4,h5…
    • 段落:p
    • 换行:br
    • 容器:div,span(用来容纳其他标签)
    • 表格:table,tr,td
    • 列表:ul,ol,li
    • 图片:img
    • 表单:input
    • 链接:a
      推荐开发工具(网络三剑客)dreamweawer、flash、fireworks;WebStorm.
    <html>
        <!-- 网页的标题、图标... -->
        <head>
            <mate charset="utf-8">
            <title>第一个网页</title>
        </head>
        <!-- 网页的具体内容 -->
        <body>
            这是网页的内容
            <a href="http://www.baidu.com" target="_blank">百度</a>
    
            <h1>666666666</h1>
            <h2>666666666</h2>
            <h3>666666666</h3>
            <h4>666666666</h4>
            <h5>666666666</h5>
    
            <p>ppppppppppp</p>
    
        <div>
            <p>ppppppppppp</p>
        </div>
    
            <ul>
                <li>hahaha</li>
                <li>hahaha</li>
                <li>hahaha</li>
            </ul>
    
            <ol>
                <li>ahahah</li>
                <li>ahahah</li>
                <li>ahahah</li>
            </ol>
    
        <img src="text.png">
        </body>
    </html>

    CSS

    什么是CSS

    CSS的全称是Cascading Style Sheets,层叠样式表
    它用来控制HTML标签的样式,在美化网页中起到非常重要的作用

    CSS的编写格式是键值对形式的,比如

    color : red
    background-color : blue
    font-size : 20px
    冒号左边的是属性名,冒号右边的是属性值

    CSS三种书写方式

    • 行内样式:(内联样式)直接在标签的style属性中书写
    <span style="color:red;background-color:red;">123</span>
    • 内页样式:在本网页的style标签中书写
    <span>123</span>
    <style type="text/css">
        span {
            color:yellow;
            background-color:blue
        }
    </style>

    外部样式:在单独的CSS文件中书写,然后在网页中用link标签引用
    test.css

    span {
            color:yellow;
            background-color:blue
        }

    test.html

    <span>123</span>
    <link rel="stylesheet" herf="test.css">

    CSS选择器

    选择器的作用

    选择对应的标签,为之添加样式

    标签选择器 根据标签名找到标签

    类选择器 标签可以有多个类

    id选择器 id是唯一的,不能一样

    选择器组合 中间不留空格,粘在一起

    后代选择器 中间一个空格,不管嵌套多少层

    相邻兄弟选择器

    属性选择器

    <html>
    <head lang="en">
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            /*标签选择器*/
            p{
                color:red;
            }
            /*类选择器*/
            .first{
                color:red;
            }
            .second{
                color:blue;
            }
            /*id选择器*/
            #first{
                color:yollew;
            }
            #second{
                color:green;
            }
            /*群组选择器*/
            .first, #second, h1{
            }
            /*选择器组合*/
            div.first{
            }
            /*后代选择器*/
            div p{
            }
            /*子标签选择器*/
            div > p{
            }
            /*相邻兄弟选择器*/
            divp{
            }
            /*属性选择器*/
            div[name]{
            }
            div[name][age]{
            }
            div[name="jack"]{
            }
        </style>
    
    </head>
    <body>
        <div>
            <p>p1</p>
            <span>
                <p>p2</p>
            </span>
        </div>
        <div name="jack">div1</div>
        <div age="10">div2</div>
        <p>与div相邻的p</p>
    
        <div class="first">123</div>
        <div id="first">123</div>
    
        <p class="first second">123</p>
        <p id="second">123</p>
    
        <h1>hhh</h1>
    </body>
    </html>

    伪类

    属性 描述
    :active 向被激活的元素添加样式
    :focus 向拥有键盘输入焦点的元素添加样式
    :hover 当鼠标悬浮在元素上方时,向元素添加样式
    :link 向未被访问的链接添加样式
    :visited 向已被访问的链接添加样式
    :first-child 向元素的第一个子元素添加样式
    :lang 向带有指定lang属性的元素添加样式
    :first-letter 向文本的第一个字母添加特殊样式
    :first-line 向文本的首行添加特殊样式
    :before 在元素之前添加内容
    after 在元素之后添加内容
    <html>
    <head lang="en">
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            div {
                width:100px;
                height:100px;
                background-color:red;
            }
            div:hover{
                background-color:blue;
            }
            div:before{
                content:"666";
            }
        </style>
    
    </head>
    <body>
        <div>
    
        </div>
    </body>
    </html>

    选择器优先级

    针对性越强,优先级越高
    选择器的权值
    通配选择符(*):0
    标签:1
    :10
    属性:10
    伪类:10
    伪元素:1
    id:100
    important:1000

    原则:选择器的权值加到一起,大的优先;如果权值相同,后定义的优先
    important > 内联 > id > 类 > 标签|伪类|属性选择器 > 伪元素 > 通配符 > 继承

    CSS标签的类型

    HTML有N多标签,根据显示的类型,主要可以分为2大类

    块级标签,独占一行的标签
    行内标签(内联标签),多个行内标签能同时显示在一行

    修改标签的显示类型

    CSS中有个display属性,能修改标签的显示类型

    属性 说明
    none 隐藏标签
    block 块级类型,独占一行,能随时设置宽度和高度
    inline 行内类型(内联类型),多个行内标签可以显示在同一行,宽度和高度取决于内容尺寸
    inline-block 行d内-块级类型(内联-块级类型),多个行内标签可以显示在同一行,能随时设置宽度和高度

    CSS属性

    CSS有N多属性,根据继承性,主要可以分为2大类

    可继承属性
    - 父标签的属性值会传递给子标签
    - 一般是文字控制属性

    不可继承属性
    - 父标签的属性值不能传递给子标签
    - 一般是区块控制属性

    CSS属性-可继承属性

    所有标签可继承
    visibility、cursor

    内联标签可继承
    letter-spacing、word-spacing、shite-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction

    块级标签可继承
    text-indent、text-align

    列表标签
    list-style、list-style-type、list-style-position、list-style-image

    CSS属性-不可继承属性

    display、margin、border、padding、background
    height、min-height、max-height、width、min-width、max-width
    over-flow、position、left、right、top、bottom、z-index
    float、clear
    table-layout、vertical-align
    page-break-after、page-bread-before
    unicode-bidi

    盒子模型

    网页上每一个标签都是一个盒子
    每个盒子都有四个属性

    属性 说明
    内容(content) 盒子里装的东西,网页中通常是指文字和图片
    填充(padding,内边距) 怕盒子里装的(贵重的)东西损坏,而添加的泡沫或者其它抗震的辅料
    边框(border) 盒子本身
    边界(margin,外边距) 盒子摆放的时候不能全部堆在一起,盒子之间要留一定空隙保持通风,同时也为了方便取出
    <html>
    <head lang="en">
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            div {
                width: 100px;
                height: 100px;
                background-color: blue;
                margin-top: 20px;
                padding-top: 20px;
                border: 20px solid red;
                border: 5px dashed red;/*虚线*/
                        }
        </style>
    
    </head>
    <body>
        <div>123</div>
        <div>456</div>
    </body>
    </html>

    内容(content)属性

    属性 描述
    height 设置元素高度
    max-height 设置元素的最大高度
    max-width 设置元素的最大宽度
    min-height 设置元素的最小高度
    min-width 设置元素的最小宽度
    width 设置元素的宽度

    填充(padding,内边距)属性

    属性 描述
    padding 在一个声明中设置所有内边距属性
    padding-bottom 设置元素的下内边距
    padding-left 设置元素的做内边距
    padding-right 设置元素的有内边距
    padding-top 设置元素的上内边距

    边框border属性

    属性 描述
    border-width 宽度
    border-style 样式
    border-color 颜色
    border-radius 圆角

    边界margin属性

    属性 描述
    margin 在一个声明中设置所有外边距属性
    margin-bottom 设置元素的下外边距
    margin-left 设置元素的左外边距
    margin-right 设置元素的右外边距
    margin-top 设置元素的上外边距
    展开全文
  • 网页简介

    千次阅读 2019-08-19 11:07:28
    一、HTML起源 二、组成部分 三、

    有人说“互联网中有50%以上的流量是爬虫”,第一次听这句话也许你会觉得这个说法实在太夸张了,怎么可能爬虫比用户还多呢?毕竟会爬虫的相对与不会爬虫的简直少之又少。

    但是很多爬虫工程师或者反爬虫工程师讲了实话:50%?你在逗我?就这么少的量?然后他举出例子:

    某个公司的某个页面的某个接口,每分钟访问量是1.2万左右,这里面有都少正常用户呢?50%?60%?正确答案是:500个以下,那我们来算算爬虫占比:(12000-500)/12000=95.8%

    没错95.8%,这是一位反爬虫工程师给出的爬虫占比!!!
    在这里插入图片描述
    那这么多的爬虫它们在互联网上做什么呢?答案当然是:孜孜不倦的爬取爬取网页信息。今天我们就来讲讲组成互联网的重要部分之一:HTML网页。

    一、起源与发展

    前面我们介绍HTTP的时候,给大家讲过是万维网的发明者,互联网之父计算机科学家蒂姆·伯纳斯·李,在他最初的构想组成中就有:提出使用HTML超文本标记语言(Hypertext Markup Language)作为创建网页的标准
    在这里插入图片描述
    大家千万记住HTML并不是一种编程语言,而是一种标记语言 (markup language),由W3C(万维网联盟)制定标准,然后由个大浏览器厂商自己去实现支持!

    下面我们来看看HTML标准的发展历史:
    在这里插入图片描述

    二、组成部分

    我们常说的网页就是HTML页面,而构成HTML页面的东西有很多,如:html标签、数据、css样式、js等,那我们就主要讲讲以下这几个组成部分。

    1.HTML标签

    HTML标签是构成HTML页面的主要组成部分,我们来看一个HTML实际例子:

    <!--注册页-->
    <html>
    	<!--网页头-->
    	<head>
    		<meta charset="utf-8" />
    		<title>注册页</title>
    	</head>
    	<!--网页体-->
    	<body>
    		<!--表单标签-->
    		<form action="/register" method="post">
    			<div>用户名:<input type="text" name="username"/></div>
    			<div>&nbsp;&nbsp;&nbsp;别:
    				<input name="sex" type="radio" checked="checked"/><input name="sex" type="radio" /></div>
    			<div>&nbsp;&nbsp;&nbsp;码:<input type="text" name="password"/></div>
    			<br/>
    			<input type="submit" value="注册" style="width:150px;" />
    		</form>
    	</body>
    </html>	
    

    在这里插入图片描述

    上面是一个非常简陋的用户注册页面(用于教学),用户可以输入用户名性别和密码然后点注册就提交到服务器,下面我们来稍微讲解以下这个页面。

    • html标签对限定了文档的开始点和结束点,所有的元素和标签都应该放在他们之间。
    • head标签对表示网页头部信息,其中包含了网页标题、网页编码、网站ico、网站引入的一些静态资源(css、js)以及网站关键字SEO相关信息等。
    • body标签对表示网页体,几乎所有的网页内容都在这里展现。
    • form标签对表示创建表单,表单用于向服务器传输数据,能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。
    • div标签对是目前网页中比较流行的标签,在七八年年流行使用table来构思一个网页,把一个网页想象成多少行多少列,这种构思灵活性和维护性极差,并且Table标签构思的网页对google爬虫和百度等这种搜索引擎收录性很差,遇到多层表格嵌套时,会跳过嵌套的内容或直接放弃整个页面。所以目前前端流行使用div+css来构思网页,这样的优点是代码精简、有很好的灵活性和可维护性。
    • input标签用于搜集用户信息,它可以根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

    其他的HTML标签猪哥就不多讲,希望大家自己去网上学习。

    在有些初级web工程师面试中,面试过程中可能会让你手写一个用户注册功能,这里猪哥给大家讲讲大概的流程:

    1. 用户点击注册连接(一般是get请求/register),然后服务器响应此请求返回一个注册页面
    2. 用户输入用户名密码、图形验证码等信息,提交注册信息(一般是post请求/register)
    3. 服务端收到信息后对信息做校验(一般是前后端双校验),然后存入数据库,返回注册成功提示

    2.数据

    互联网主要起到了信息交流的作用,而网页作为主要的信息交换载体,标签的主要作用就是包裹数据,让数据能够以人类可视的方式展现。

    尤其是一些新闻网站,他们主要以展示新闻信息为主,我们以头条网页来讲讲:
    在这里插入图片描述
    在红色框中圈出来的这些新闻,他们是把数据包裹在html标签中,然后以列表的形式展示给用户,接着我们来看看网页代码:
    在这里插入图片描述
    我们可以看到新闻标题被a标签包围,还有一些如缩略图、评论数、时间等信息构成了一条新闻简述,然后多个新闻(il标签)构成了一个列表(ul)。

    那服务器是如何将数据与封装到页面中去的呢?

    • 前后端未分离:前后端没有分离的公司,一般是先由前端工程师写好页面(数据写死),然后由后端程序员合页面(就是将写死的数据去掉,然后加上数据字段)。
    • 前后端分离:前后端没分离最大的问题就是同一个页面可能前后端开发同学都会去修改,修改的人少还行,但是如果开发人员一多,大家改来改去全乱了,而且发布也会有一定的限制,所以目前流行前后端分离,后端同学只需要提供数据,前端同学搭一个nodejs后台自己渲染页面。

    在这里插入图片描述
    拿上面我们的简陋的注册页面来讲讲前后端未分离时具体返回页面步骤,假设我们用户注册成功然后登录,登录成功我们直接跳转用户主页展示用户名和性别,页面如上图,步骤如下:

    1. 用户登录成功,在数据库中读取用户信息。
    2. 读取到用户数据后进行页面渲染
    3. 返回渲染后的页面给浏览器

    在这里插入图片描述

    3.CSS样式

    html标签+数据构成了整个网页的骨架,但是只有数据和html标签的网页是奇丑无比的
    层叠样式表(英文全称:Cascading Style Sheets 简称CSS)是一种用来表现HTML等文件样式的计算机语言。css可以定义html现实的样式,可以实现很多不同的效果、排版等等,html中所有的元素几乎都需要css来管理样式,而且现在越来越流行div+css搭配控制页面排版和样式,css主要通过三大选择器来修饰html标签。

    没有css的页面将会是杂乱无章或缺少美感的页面,我们以上面简单的用户主页为例子演示如何使用css以及css的功能。
    效果:
    在这里插入图片描述
    代码:
    在这里插入图片描述
    css:
    在这里插入图片描述

    4.js

    css使页面有了很好看的样式,但是却没有很好的交互性,何为交互性?就是用户在使用产品时的浏览、点击、切换使之方便、快捷、平滑都很合理,很友好。

    而js(JavaScript)则是增加网页的动态功能,它定义了网页的行为,提高用户体验。比如js可以监控到用户的点击,滑动等动作,然后根据用户的这些动作来做一些操作。

    我们还是以上面简单的用户主页为例子,用js(或jquery)来实现用户修改用户名或者性别信息。
    代码:
    在这里插入图片描述
    效果:
    在这里插入图片描述
    在这里插入图片描述
    一个大概的修改用户信息流程:

    1. 点击修改后通过js现实出输入框
    2. 在用户输入的时候用js监听输入框内容,及时提醒用户新的用户名是否可用
    3. 再用户点击提交后,用ajax提交,并且做防止重复提交的操作
    4. 服务端反馈后用js做提示即可

    上面只是给大家做了一个非常简单的js效果,给零基础的朋友演示js是什么,有什么功能,但是js的功能远不止这些,现在的js已经在前端、后端以及app中占据着重要的地位,当然还有使用在反爬虫的js混淆。

    三、总结

    由于篇幅原因,猪哥这里只给大家演示一些非常基础非常简单的功能,如果想学习网页的制作同学们可以自己去网上学习,这里推荐一个学习网站:菜鸟教程,希望大家都学习一些前端知识,因为爬虫的第一步就是分析网页,然后再根据网页数据是内嵌在html标签中,还是js动态加载,或者网站使用加密或混淆的反扒技术。当遇到反扒高手时,我们就需要去仔仔细细的分析js,这也被称为解毒的过程(反扒工程师在代码里投毒)。所以爬虫与反扒的斗争可谓其乐无穷!

    更多爬虫知识及案例,敬请扫描下方二维码关注猪哥爬虫专栏!
    在这里插入图片描述

    展开全文
  • 如何完整保存离线网页

    万次阅读 2019-04-08 11:38:45
    频繁访问的网页,想直保存到本地,避免每个加载的时候。 一些资料性的网页,想保存到本地,供以后查找整理。 解决方法 mhtml 格式 方案 chrome中 chrome://flags 搜索mhtml 变为启用 然后 Ctrl+s 优点:单...

    需求

    • 频繁访问的网页,想直保存到本地,避免每个加载的时候。
    • 一些资料性的网页,想保存到本地,供以后查找整理。

    解决方法

    mhtml 格式 方案

    chrome中

    • chrome://flags
    • 搜索mhtml
    • 变为启用
    • 然后 Ctrl+s

    优点:单文件,兼容性好

    maff 格式方案

    • firefox中 下载 Mozilla Archive Format 插件
    • Ctrl+s
    • 就可保存为 maff格式

    优点:单文件,体积小(大概是mhtml的六分之一)。 
    缺点:只有firefox 才能打开。

    ScrapBook 插件 方案

    • firefox中 下载 ScrapBook 插件
    • 在网空白处点击右键,“获取页面”

    优点:便于管理,兼容性好(直接就是html文件),支持分类保存,支持查找

    ScrapBook is a Firefox extension, which helps you to save Web pages and easily manage collections. Key features are lightness, speed, accuracy and multi-language support. Major features are: 
    * Save Web page 
    * Save snippet of Web page 
    * Save Web site 
    * Organize the collection in the same way as Bookmarks 
    * Full text search and quick filtering search of the collection 
    * Editing of the collected Web page 
    * Text/HTML edit feature resembling Opera’s Notes

    个人是比较推荐ScrapBook 的。

    扩展阅读

    展开全文
  • 虚拟打印为PDF格式,可以保存静态内容。(推荐,直接ctrl+p,然后另存为) 保存为MHTML格式,可以重现部分JavaScript功能。(还有Firefox专用的MAFF格式) 使用Scrapbook、Pocket等快照软件,可以重现部分JavaScript...
  • 几款强大的网页生成工具

    万次阅读 多人点赞 2018-07-25 11:49:13
     这款软件是免费的,可以帮助初学者制作一个简单、响应快捷的网页。  链接:https://carrd.co/ 2.Template Stash  这款软件几乎集合了所有类型网页的模板,你可以通过关键词检索来找到你想要的主题风格。  ...
  • Kendo UI开发教程:Kendo DataSource概述

    千次阅读 2016-11-01 09:45:30
    Kendo的数据源支持本地数据源(JavaScript对象数组),或者远程数据源(XML, JSON, JSONP),支持CRUD操作(创建,读取,更新和删除操作),并支持排序,分页,过滤,分组和集合等。 准备开始 ...
  • 网页的组成 首先,我们来了解网页的基本组成,网页可以分为三大部分:HTML、CSS 和 JavaScript。 如果把网页比作一个人的话,HTML 相当于骨架,JavaScript 相当于肌肉,CSS 相当于皮肤,三者结合起来才能形成一个...
  • Linux 抓取网页实例(shell+awk)

    万次阅读 多人点赞 2017-07-29 07:45:38
    上一篇博客讲了Linux抓取网页的方式,有curl和wget两种方式,这篇将重点讲Linux抓取网页的实例——抓取google play全球12国的游戏TOP排名要抓取google play游戏排名网页,首先需要分析网页的特点和规律:1、google ...
  • 微信小程序跳转到其他网页(外部链接)

    万次阅读 多人点赞 2020-09-16 22:17:37
    1.开发的时候,我们难免碰到要跳转到其他网页中去那该怎么实现呢? 2.例如我想点击一个按钮,跳转到百度(百度的网页还是在小程序中打开) 3.wxml 1. index.wxml (按钮页面) &lt;view class='wrapper'&...
  • VSCode设置网页代码实时预览

    万次阅读 多人点赞 2019-12-05 17:39:14
    1.VSCode作为一款很不错的开发软件,相比DW更小巧,用来测试前端特别不错,那么我们平时开发网页发现只有写完代码,然后保存,接下来到浏览器中刷新查看效果,然后不停重复,我们发现很多时间就这样浪费到了这三个...
  • 但是今天小编要跟大家说的不是 chrome插件 ,而是chrome自带的网页翻译功能。Chrome有自带整页翻译的功能,这个我相信很 对于经常查阅各种外文资料的人来说,谷歌翻译插件必不可少。但是今天小编要跟大家说的不是...
  • 用程序来控制一个网页,实现自动输入等操作

    万次阅读 多人点赞 2014-05-09 10:35:44
    首先今天要说的东西跟游戏无关,你是不是有时候会遇到,在某个网页上重复着几十次的简单而又无聊的录入或点击等工作?比如你的程序需要测试,需要注册大量的测试邮箱。比如你的老板是个变态,让你去各个论坛发大量的...
  • 昨天早上在地铁上的时候,突然想起来之前遇到的一个情况,就是如何翻译苹果官方API的,然后后来一直没有用就忘记了,现在突然想起来了,就分享一下怎么翻译英文的网页,包括翻译苹果官方API的英文内容为中文。...
  • 网络蜘蛛是通过网页的链接地址来寻找网页的。 从网站某一个页面(通常是首页)开始,读取网页的内容,找到在网页中的其它链接地址, 然后通过这些链接地址寻找下一个网页,这样一直循环下去,直到把这个网站所有的...
  • 现在,我们要实现一个微信内网页,通过微信访问网页时,网页会展示微信用户的个人信息。因为涉及到用户的个人信息,所以需要有用户授权才可以。当用户授权后,我们的网页服务器(开发者服务器)会...
1 2 3 4 5 ... 20
收藏数 1,627,786
精华内容 651,114
关键字:

网页