`
sharis1987
  • 浏览: 12328 次
  • 性别: Icon_minigender_2
  • 来自: 武汉
社区版块
存档分类
最新评论

1.网页的构造块

阅读更多
一个网页主要包括三种成分:
  1)文本内容:要展示的信息
  2)对其文件的引用:例如图像,视频,svg(可缩放矢量图形),指向其他html的页面和资源,样式表,JavaScript文件
  3)标记:对文本内容记性描述并使引用正确的工作
  除了这三种成分,网页还包括其他的html,提供关于页面本身的信息,例如网页内容的主要语言,字符编码等。这些都是为浏览器和搜索引擎准备的,用户通常看不见。

1.1 基本的html

<!DOCTYPE html><!-- 该标记告诉浏览器该html的版本,代码不区分大小写,但DOCTYPE 一般为大写-->
<html>
<head>
<meta charset="utf-8">
<title>示例1</title>
</head>
<body>
 
</body>
</html>
 
从<html>到<body>之间的部分除了<title></title>之间的内容可见,其他都是为浏览器和搜索引擎准备的,对用户不可见
网页的内容位于<body></body>之间
 

1.2 语义化html:有含义的标记

html可以包含关于文档中内容的信息,这些信息称作标记,用来描述内容的含义,即语义。
html并不定义内容在浏览器中如何显示,那是css的事情。html5更加强调这种区别。但是基本的html页面中有样式的差别,是因为每个web浏览器都有一个内置的css文件,决定每个html元素的默认样式。自己创建的css可以覆盖这些样式
1.块级元素,行内元素以及html5
在html5之前,大多数元素可以划入块级或者行内级,html5废弃了这些术语。
通常,以前归入行内级元素的在html5中称作短语内容,即,主要显示在一个段落之内的元素及其包含的文本。
块级元素也被列入了新的html5类别中,强调的是它们的语义功能,这些元素大多用来标明内容的主要结构块和标题。
通常,标题,段落和结构化元素(如article)显示为单独行,短语内容则与外围的内容显示在同一行。
 

1.3标记:元素,属性和值

html标记包含三种成分:元素,属性和值
1)元素:网页标签,可以包含文本,其他元素或者是空的。一个非空元素由开始标记,内容和结束标记组成。
元素都是小写,也可以大写(但不推荐用)
2)属性:包含的是有关文档内容的信息,但不是文档内容本身,属性值一般用引号,也可以不用,属性也是小写
<a href="http://www.baidu.com" rel="external" title="lear more">内容</a>
a:标签
href,title,rel都是属性
"http://www.baidu.com":属性的值
3)父元素和子元素:如果一个元素包含另一元素,他就是包含元素的父元素,被包含的就是子元素
<artitle>
<p>标题<p>
</article>

article:父元素
p:子元素
 

1.6文件名

命名规则:
    1.使用小写字母给网页文件命名
    2.用短横线分割单词
    3.使用正确的扩展名
 

1.7 URL

 URL的第一部分称为模式(schema),模式告诉浏览器如何处理需要打开的文件,最常见的是HTTP,用于访问网页
 第二部分是文件所在的服务器名称,紧接着是到达这个文件的路径,以及文件自身的名称。
 其他常见的模式有https,ftp(文件传输协议,用于下载文件),mailto(用于发电子邮件),file(用于访问本地硬盘或者本地文件共享网络上的文件)
mailto 后面跟一个冒号,没有斜杠,file后面跟一个冒号三个斜杠,其他模式跟一个冒号两个斜杠,应该使用小写字母输入模式

 

分享到:
评论

相关推荐

    如何用photoshop输出html网页(psd网页模板).pdf

    1. 拿到 PSD 文件后,首先不要做其他事情,直接在文本编辑器中将网页的框架写出来。 2. 写完框架后,在各个浏览器中运行,并确保大体定位都没有问题。 3. 编写总体 CSS,负责大块的定位及样式。 4. 切出需要的图片...

    网页美工设计说明书.pdf

    网页美工设计是一项将视觉艺术应用于网页创建的过程,它涉及多个方面的技能和工具,包括图形设计、用户界面设计、布局构造、颜色和字体选择等。从提供的部分内容来看,本说明书可能着重介绍了网页美工设计过程中所...

    Java开发技术大全(500个源代码).

    inheritConstruct_1.java 构造器继承示例1 inheritConstruct_2.java 构造器继承示例2 inheritConstruct_3.java 构造器继承示例3 inheritConstruct_4.java 构造器继承示例4 inheritConstruct_5.java 构造器继承...

    LabVIEWlv显示网页.rar

    实现网页显示通常需要编写自定义的VIs(虚拟仪器),这些VIs是LabVIEW中的基本构建块。你可以创建一个VI来处理与Web Browser Control的交互,例如设置URL、执行JavaScript代码、获取网页元素等。 3. **字符串操作*...

    JS代码块整理.zip

    - `prototype` 属性用于为构造函数添加方法。 6. DOM操作: - `document.getElementById`, `document.querySelector`, `document.querySelectorAll` 用于选取DOM元素。 - `element.innerHTML`, `element....

    精通JavaScript动态网页编程.rar

    控制结构决定了代码的执行流程,而函数则封装了可重用的代码块。对象是JavaScript的重要组成部分,它们是键值对的集合,可以通过原型链实现继承。 其次,深入理解DOM(Document Object Model)至关重要。DOM是HTML...

    基于JAVA技术的网页内容智能抓取.zip

    1. 正则表达式:用于匹配和提取网页中的特定文本,如链接、日期、电话号码等。 2. 数据库存储:抓取的数据可能需要持久化,可以使用MySQL、MongoDB等数据库进行存储和管理。 3. 并发处理:为了提高抓取效率,可以...

    1.JavaScript基础.zip

    1. 变量与数据类型:JavaScript有七种数据类型,包括六种原始类型(Boolean、Number、BigInt、String、Null、Undefined)和一种引用类型(Object)。变量声明使用`var`、`let`或`const`关键字,它们之间存在作用域...

    网页设计与网页制作

    函数定义格式:`function functionname(param1, param2, ..., paramn) { statements }`,用于封装可重用的代码块。 在网页设计与制作中,理解并熟练运用这些知识点能够创建高效、美观且交互性强的网页。从布局到...

    网页设计学习教程.doc

    HTML(超文本标记语言)是网页内容的主要构造块,它定义了网页的结构和样式。HTML文档由HTML、HEAD和BODY三个主要部分组成。HTML标签用于标记文本,使其具备特定的功能,如标题、段落、链接等。HEAD部分包含元信息,...

    俄罗斯方块网页迷你版

    这些类可能包含方块的构造、位置、旋转等方法。而`maps.js`可能负责游戏地图的生成与管理,包括新方块的生成、行消除的判断以及得分计算。 `sound`文件夹可能包含了游戏中的音效资源,比如方块落地、消除行时的音效...

    Jenga-1-gh-pages_Jenga_

    Jenga游戏的基本构造由54块长方体木块组成,每块木块宽度相同,但长度和高度略有差异。游戏开始时,这些木块被三层十五块地堆叠成一个稳定的塔形结构。游戏的目标是小心翼翼地抽出木块并放置在塔顶,直到塔体变得...

    JavaScript网页等效实例大全

    1. 变量与数据类型:JavaScript支持声明变量,并提供了五种基本数据类型(Number、String、Boolean、Null、Undefined)和两种引用数据类型(Object、Array)。理解它们的特性和用法是学习JavaScript的起点。 2. ...

    现实网页下载java源代码

    1. **HTTP协议**:网页下载的基本原理是通过HTTP(超文本传输协议)或者HTTPS(安全版的HTTP)与服务器进行通信。Java中的`HttpURLConnection`或`HttpClient`类可以用来发送HTTP请求并接收响应。 2. **URL类**:...

    零基础学JavaScript1.docx

    1.9 对象1.9.1 创建对象通过对象字面量`var myObject = { property1: value1, property2: value2, ...}`或构造函数`var myObject = new Object(); myObject.property1 = value1; myObject.property2 = value2;`。...

    【JavaScript源代码】JavaScript实现网页版贪吃蛇游戏.docx

    【JavaScript实现网页版贪吃蛇游戏】 在网页开发中,JavaScript是一种非常重要的脚本语言,它常用于增强网页的交互性。在这个实例中,我们将学习如何使用JavaScript来创建一个简单的网页版贪吃蛇游戏。以下是游戏的...

    JS俄罗斯方块网页注释版.rar

    JS俄罗斯方块完美注释版,今天终于用了大约4个小时写出来了.... 用户点开始-&gt;构造一个活动图形, 设置定时器, 每次向下移动后, 都检查是否触底, 如果触底了, 则尝试消行, 完了之后再构造一个活动图形, 再设置定时器.

    WoowahanJS-v1.rar

    2. **函数**:函数是JavaScript中可重用代码块的关键构造,可以理解为执行特定任务的迷你程序。我们可以学习如何定义函数、传递参数、返回值以及使用匿名函数和箭头函数。 3. **对象与原型**:JavaScript中的对象是...

    2021-2022计算机二级等级考试试题及答案No.9188.docx

    1. 构造函数:构造函数在面向对象编程中用于初始化新创建的对象,虽然不是每个类都必须定义,但是Java等语言会提供默认的无参构造函数。 2. Java File类:`getAbsolutePath()`方法用于获取文件的绝对路径。 3. ...

    将网页中的文本信息进行提取

    - HTML(超文本标记语言)是网页的主要构造块,它定义了网页的结构和内容。HTML由各种标签组成,如`&lt;p&gt;`用于段落,`&lt;a&gt;`用于链接,`&lt;h1&gt;`至`&lt;h6&gt;`表示标题等级等。 2. **文本提取原理**: - 文本提取通常通过解析...

Global site tag (gtag.js) - Google Analytics