精华内容
下载资源
问答
  • 2022-01-25 18:35:28

    一、认识网页

    1.网页的组成

    网页通常由文字、图片、音频、视频以及超链接组成。

    2.网页的本质

    在网页中右键单击,选择“查看页面源代码”选项,可以观察到由一系列标签语言组成的源代码。网页正是利用源代码来展示我们观察到的画面。

    3.如何实现代码到页面的转化

    通过浏览器的渲染解析,使源代码转化为我们所看到的页面。

    二、前端语言

    1.介绍

    一个网页的构成离不开源代码,而源代码无疑属于计算机语言的范畴。计算机语言分为前端与后端,我们通过浏览器实现对网页的浏览,离不开前端语言的作用。当下,前端语言主要有HTML、CSS、JavaScript三种,这也正是一个网页源代码的标准构成。

    2.功能

    语言功能
    HTML决定网页的结构
    CSS决定网页的表现
    JavaScript决定网页的行为

    此处仅对三种语言进行简单介绍,后续文章将按HTML、CSS、JavaScript的顺序展开详细讨论。

    三、编译环境

    1.编译器

    与C++、java等后端语言相同,为方便对代码的管理,对前端语言来说也有适合它们的编译器。当下,除了本身小且补全功能方便的vscode以及清晰的代码管理器sublime,前端常用编译器还有webstormDreamweaver(dw)等,以上软件都可以通过相应渠道下载到免费版,其中dw在高校的教学中应用较多。

    2.浏览器

    前文中已经提到代码是通过浏览器的渲染解析而生成页面的。当下,常用的浏览器有:IE、火狐、谷歌、safari、opera等,其中safari为苹果系统专用浏览器,谷歌浏览器深受广大程序员喜爱,微软用户可能还常用edge。
    PS:这里不太推荐360系列的产品。

    更多相关内容
  • 网页组成结构学习教案.pptx
  • 网页组成结构PPT学习教案.pptx
  • 一、H5相关概念: 1:什么是H5: ... 2:H5能干些什么: 网页开发(只要浏览器看到的都需要用到前端) 小程序、公众号(微信、支付宝...二:网页组成部分: 1:WEB(网页)的组成部分: HTML结构:(w3c制定了结构HE

    一、H5相关概念:

    1:什么是H5:

    H5是HTML的第五个版本,它也是一门技术的总称

    2:H5能干些什么:

    网页开发(只要浏览器看到的都需要用到前端

    小程序、公众号(微信、支付宝、头条等好多都用前端语言进行开发

    桌面应用开发(电脑软件

    游戏开发(像微信小游戏,大型游戏:比如王者荣耀、但是这也是有好有坏的。它的优点:功能强大,给人预言能打败传统app。缺点:现在开发难度大,开发成本比传统高。


    二:网页组成部分:

    1:WEB(网页)的组成部分:

    HTML结构:(w3c制定了结构HEML的语法、标准

    CSS表现:(w3c制定了表现css的语法、标准

    JS行为:(ECMA制定了行为标准:DOM\ECMAScript


    三:语法和标签:

    1:HTML语法:

    常规标记、双标记

    <标记 属性=“属性值”  属性=“属性值”>文字内容</标记>

    空标记、单标记

    <标记 属性=“属性值” 属性=“属性值”/>


    2:HTML常用的标签:

    文本标题:(<h1></h1>.....<h6></h6>,这个标签是从大到小

    段落:(<p>段落文本内容</p>

    加粗:(<b>加粗的内容</b>    <strong>这个也是加粗</strong>

    倾斜:(<i>倾斜的内容</i>    <em>倾斜的内容</em>

    删除线:(<del></del>  <s></s>

    插入图片:(<img src="图片路径" title=“鼠标悬停上去之后的提示信息”  alt=“图片不显示之后的提示信息"/>)

    展开全文
  • Python爬虫基础之网页组成解析

    千次阅读 2021-11-15 17:42:33
    就让我们先了解一下网页的基本组成、结构和节点等内容。 网页组成 网页可以分为三大部分——HTML、CSS和JavaScript。如果把网页比作一个人的话,HTML相当于骨架,JavaScript相当于肌肉,CSS相当于皮肤,三者结合...

    网页基础

    用浏览器访问网站时,页面各不相同,你有没有想过它为什么会呈现各个不同的样式呢?就让我们先了解一下网页的基本组成、结构和节点等内容。

    网页的组成

    网页可以分为三大部分——HTML、CSS和JavaScript。如果把网页比作一个人的话,HTML相当于骨架,JavaScript相当于肌肉,CSS相当于皮肤,三者结合起来才能形成一个完善的网页。下面我们先来介绍一下这三部分的内容:

    1.HTML:HTML是用来描述网页的一种语言,其全称叫做Hyper Text Markup Language,即超文本标记语言。网页包括文字、按钮、图片和视频等各种复杂的元素,其基础架构就是HTML。不同类型的元素通过不同类型的标签来表示,如图片使用img表示,视频使用video表示,段落用p标签表示,它们之间的布局又常通过布局标签div嵌套组合而成,各种标签通过不同的排列和嵌套才形成了网页的框架。

    在Chrome浏览器中打开百度,右击选择‘检查’项,打开开发者模式,这时在Element选项卡中即可看到网站的源代码:

    image

    这就是HTML,整个网页就是由各种标签嵌套组合而成的。这些标签定义的节点元素相互嵌套和组合形成了复杂的层次关系,就形成了网页的架构。最后,如果你的时间不是很紧张,并且又想快速的python提高,最重要的是不怕吃苦,建议你可以架微♥信:762459510 ,那个真的很不错,很多人进步都很快,需要你不怕吃苦哦!大家可以去添加上看一下~

    2.CSS:HTML定义了网页的结构,但是只有HTML页面的布局并不美观,可能只是简单的节点元素的排列,为了让网页看起来更好看一些,这里借助了CSS。

    CSS,全称叫做Cascading Style Sheets,即层叠样式表。“层叠”是指当在HTML中引用了数个样式文件,并且样式发生冲突时,浏览器能依据层叠顺序处理。“样式”指网页中文字大小、颜色、元素间距、排列等格式。

    CSS是目前唯一的网页页面排版样式标准,有了它的帮助,页面才会变得更为美观,下图就是CSS:

    image

    这就是多个CSS样式。我们以第一个为例,大括号前面是一个CSS选择器。此选择器的意思是首先选中id为head_wrapper的节点。大括号内部写的就是一条条样式规则,例如position指定了这个元素布局方式为相对布局,height指定元素的高度为38.2%占满父元素其他的意思是一样可以看出来的。也就是说我们将位置、宽度、高度等样式配置统一写成这样的形式,然后用大括号括起来,接着在开头再加上CSS选择器,这就代表这个样式对CSS选择器选中的元素生效,元素就会根据此样式来展示了。

    在网页中,一般会统一定义整个网页的样式规则,并写入CSS文件中(其后缀为css)。在HTML中,只需要用link标签即可引入写好的CSS文件,这样整个页面就会变得美观、优雅。最后,如果你的时间不是很紧张,并且又想快速的python提高,最重要的是不怕吃苦,建议你可以架微♥信:762459510 ,那个真的很不错,很多人进步都很快,需要你不怕吃苦哦!大家可以去添加上看一下~

    3.JavaScript:简称JS,是一种脚本语言。HTML和CSS配合使用,提供给用户的只是一种静态信息,缺乏交互性。我们在网页里可能会看到一些交互和动画效果,如下载条、提示框、轮播图等,这通常就是JavaScript的功劳。它的出现使得用户与信息之间不只是一种浏览与显示的关系,而是实现了一种实时、动态、交互的页面功能。

    JavaScript通常也是以单独的文件形式加载的,后缀为js,在HTML中通过script标签即可引入,例如:<script str=’‘jquery-2.1.0.js’’>

    综上所述,HTML定义了网页的内容和结构,CSS描述了网页的布局,JavaScript定义了网页的行为。

    展开全文
  • 系列文章目录、 前言、 一、网页组成元素、 二、浏览器与网页代码、 三、浏览器内核、 四、手机浏览器内核、 总结

    系列文章目录

    【HTML】浏览器基础 ( 网页组成元素 | 浏览器与网页代码 | 浏览器内核 | 手机浏览器内核 )



    前言

    前端学习 , 先学习 HTML ; 本博客主要学习初步基础知识 ;


    一、网页组成元素

    网页组成 : 将下面的网页组成元素 , 使用代码写出来 , 就是 WEB 页面 ;

    • 文字
    • 图像
    • 超链接
    • 音频
    • 视频
    • Flash 动画

    二、浏览器与网页代码

    网页代码 , 是通过浏览器查看的 ; 就像 docx 文档是通过 WPS 查看一样 , 浏览器是查看网页代码的工具 ;

    常用的浏览器有 : IE 浏览器 , Firefox 浏览器 , Chrome 浏览器 , Edge 浏览器 , Safari 浏览器 , Opera 浏览器 ;

    浏览器时长占有率 :
    在这里插入图片描述

    Google 公司的 Chrome 浏览器市场占有率最高 , 是最好的浏览器 ;

    三、浏览器内核

    浏览器内核 ( Rendering Engine ) , 又称为 排版引擎 , 渲染引擎 , 解释引擎 ;

    各个浏览器对应的 " 浏览器内核 " :

    • IE 浏览器 , 内核为 Trident , 猎豹浏览器 , 360 极速浏览器 , 百度浏览器都是基于该内核 ;
    • Firefox 浏览器 , 内核为 Gecko , 由于火狐与 Flash 结合 , Flash 已经被淘汰 , 火狐也跟着逐渐退出市场 ;
    • Chrome 浏览器 , 内核为 Chromium/Blink , 这是 Webkit 的分支 , 国产浏览器基本都基于 Blink 内核进行二次开发 ;
    • Safari 浏览器 , 内核为 Webkit ;
    • Opera 浏览器 , 内核为 Blink , 也是 Webkit 的分支 ;

    四、手机浏览器内核

    手机浏览器内核 :

    • Android 系统的 浏览器内核 是 Webkit 内核 ;
    • iOS 系统的 浏览器内核是 Webkit 内核 ;
    • Windows Phone 系统的 浏览器内核是 Trident 内核 ;

    总结

    对浏览器内核进行了简单介绍 ;

    展开全文
  • IEDevToolBar可以清晰的帮助我们分析网页的结构,利用此功能可以帮助刚刚学习网页设计的人熟悉正规网站内容的设计。
  • 网页的基本组成部分

    千次阅读 2019-09-26 23:00:19
    网页的骨架,HTML是网页内容的载体,内容就是网页...就像网页的外衣,比如,标题字体、颜色变化,或为标题加入背景图片、边框等,所有这些用来改变内容外观的东西称之为表现。 3) 行为层 Javascript JavaScript是...
  • 网站网页制作

    2014-12-16 23:06:44
    网页网站制作在现实科技下是很有必要的,希望大家多多支持!
  • 在浏览网站时经常会遇到表单,它是网站实现互动功能的重要组成部分。无论网站使用的是那种形式的语言来实现网站的互动功能,例如ASP、PHP、JSP,表单已经成为它们统一的外在形式。表单的主要功能是...
  • Web标准的构成、网页组成、五大浏览器,可以使用HTML搭建出一个基础的网页
  • 网页中的信息主要是以文本为主的。在网页中可以通过字体、大小、颜色、底纹、边框等来设置文本的属性。这里指的文字是文本文字,而并非图片中的文字。在网页制作中,文字都可以方便地设置成各种字体和大小,但是这里...
  • 根据W3C标准,一个网页主要是由三个部分组成:结构(HTNL)、表现(CSS)和行为(JavaScript)。 结构(HTML):用于描述页面的结构; 表现(CSS):用于控制页面中元素的样式; 行为(JavaScript):用于响应用户...
  • 网页组成: 一个具体功能的完成的网页,一般由3部分组成 HTML5 ----网页的具体内容和结构 CSS---网页的样式(美化网页最重要的) JavaScript ---网页的交互效果 比如用户鼠标事件作出响应 HTML5就是文本...
  • PAGE 网页都是由哪些基本元素所组成的 网页都是由哪些基本元素所组成的对于任何一个网页组成它的最基本元素主要是文本图像动画声音视频表格和表单 1文本 网页中的信息以文本为主文本一直是人类最重要的信息载体与...
  • 网页的构成组成部分

    千次阅读 2018-12-11 19:49:57
    注:header头部 nav导航菜单(常放在头部里面) article内容 section(部分) aside(边) footer 脚部,底部 &lt;header style="background:lightcoral;...background: lightbl...
  • 网页地址组成解析

    千次阅读 2019-09-12 09:48:39
    一个网页地址实例: http://www.runoob.com/html/html-tutorial.html 语法规则: scheme://host.domain:port/path/filename 说明: scheme - 定义因特网服务的类型。最常见的类型是 http host - 定义域主机(http 的...
  • HTML的组成

    千次阅读 2017-08-05 21:28:01
    今天小编给大家详细讲解HTML的组成。     头部分 标签: 网页中头部的信息,不用于显示网页的数据。 http-equiv:该属性主要是用于告诉浏览器使用了什么编码解释该网页的内容。 content="text/html;charset=utf-8...
  • 内容索引:脚本资源,jQuery,页面滚动 一个基于CSS+jQuery实现的滚动TAB组成网页特效,点击页面的菜单后,基本上都是以滚动的方式显示,CSS+jQuery的完美应用,前端编程开发者必看的WEB示例程序。
  • JavaWeb新版教程-html&CSS-L和CSS-网页组成部分.mp4
  • 计算机组成原理动画演示系统(网页模式)。
  • 一个锚点式滚动导航菜单,CSS jQuery组成网页特效,点击页面的菜单后,基本上都是以滚动的方式显示,CSS jQuery的完美应用,前端编程开发者必看的WEB示例程序。
  • 网页的基础知识

    千次阅读 2017-09-25 12:25:12
     网页是网站的基本信息单位,是www的基本文档,它是由文字、图片、动画、声音等多种媒介信息以及链接组成,通过链接实现与其他网页或网站的关联与跳转。它是能被浏览器识别显示的文本文件。用HTML编写。  网站由...
  • 1、网页及其组成通过浏览器在WWW上所看到的每一幅画面都是一个网页(Web Page),如图1-1所示。图1-1网页是网上的基本文档。网页中包含文字、图片、声音、动画、影像以及链接等元素,通过对这些元素的有机组合,就...
  • 网页的基本组成 网页是构成网站的基本元素,通常由图片、链接、文字、声音、视频等元素组成,通常我们看见的网页都是.htm和.html后缀结尾的文件,因为都称为HTML文件 什么是HTML HTML是一种超文本标记语言,是一...
  • apache-spring-boot-microservice-example:示例项目,以演示如何使用来自多个微服务的内容来组成网页
  • ASP.NET网页开发

    2018-01-23 10:32:57
    该网页由我大二时上的ASP.NET课程时的结课作业,有好几个网页组成。包括前台和后台,界面漂亮,控件使用有条有序,可以作为非计算机专业的同学ASP.NET结课作业参考。
  • 网页设计中,选择恰当的颜色是非常重要的。相比网页其它组成部分,色彩更能体现你的设计风格,大胆的应用色彩能让你的网页看起来非常新颖。
  • 1+X web前端题库1_初体验

    千次阅读 2020-06-24 15:55:01
    ( B ) A) 正确 B) 错误 31、因为静态网页的访问速度快,所以现在互联网上的大部分网站都是静态网页组成的。( B ) A) 正确 B) 错误 32、在Web标准中,表现是指网页展示给访问者的外在样式。( A ) A) 正确 B) ...
  • ASP.NET网页组成

    千次阅读 2013-01-15 15:25:35
    ASP.NET网页一般由三部分组成,这三个部分如下所示。 1、可视元素:包括HTML,标记,服务器空间。 2、页面逻辑元素:包括事件处理程序和代码。 3、designer.cs页文件:用来为页面的控件做初始化工作,一般只有ASP...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 268,661
精华内容 107,464
关键字:

网页的组成