一个网页主要包括三种成分:
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后面跟一个冒号三个斜杠,其他模式跟一个冒号两个斜杠,应该使用小写字母输入模式
相关推荐
1. 拿到 PSD 文件后,首先不要做其他事情,直接在文本编辑器中将网页的框架写出来。 2. 写完框架后,在各个浏览器中运行,并确保大体定位都没有问题。 3. 编写总体 CSS,负责大块的定位及样式。 4. 切出需要的图片...
网页美工设计是一项将视觉艺术应用于网页创建的过程,它涉及多个方面的技能和工具,包括图形设计、用户界面设计、布局构造、颜色和字体选择等。从提供的部分内容来看,本说明书可能着重介绍了网页美工设计过程中所...
inheritConstruct_1.java 构造器继承示例1 inheritConstruct_2.java 构造器继承示例2 inheritConstruct_3.java 构造器继承示例3 inheritConstruct_4.java 构造器继承示例4 inheritConstruct_5.java 构造器继承...
实现网页显示通常需要编写自定义的VIs(虚拟仪器),这些VIs是LabVIEW中的基本构建块。你可以创建一个VI来处理与Web Browser Control的交互,例如设置URL、执行JavaScript代码、获取网页元素等。 3. **字符串操作*...
- `prototype` 属性用于为构造函数添加方法。 6. DOM操作: - `document.getElementById`, `document.querySelector`, `document.querySelectorAll` 用于选取DOM元素。 - `element.innerHTML`, `element....
控制结构决定了代码的执行流程,而函数则封装了可重用的代码块。对象是JavaScript的重要组成部分,它们是键值对的集合,可以通过原型链实现继承。 其次,深入理解DOM(Document Object Model)至关重要。DOM是HTML...
1. 正则表达式:用于匹配和提取网页中的特定文本,如链接、日期、电话号码等。 2. 数据库存储:抓取的数据可能需要持久化,可以使用MySQL、MongoDB等数据库进行存储和管理。 3. 并发处理:为了提高抓取效率,可以...
1. 变量与数据类型:JavaScript有七种数据类型,包括六种原始类型(Boolean、Number、BigInt、String、Null、Undefined)和一种引用类型(Object)。变量声明使用`var`、`let`或`const`关键字,它们之间存在作用域...
函数定义格式:`function functionname(param1, param2, ..., paramn) { statements }`,用于封装可重用的代码块。 在网页设计与制作中,理解并熟练运用这些知识点能够创建高效、美观且交互性强的网页。从布局到...
HTML(超文本标记语言)是网页内容的主要构造块,它定义了网页的结构和样式。HTML文档由HTML、HEAD和BODY三个主要部分组成。HTML标签用于标记文本,使其具备特定的功能,如标题、段落、链接等。HEAD部分包含元信息,...
这些类可能包含方块的构造、位置、旋转等方法。而`maps.js`可能负责游戏地图的生成与管理,包括新方块的生成、行消除的判断以及得分计算。 `sound`文件夹可能包含了游戏中的音效资源,比如方块落地、消除行时的音效...
Jenga游戏的基本构造由54块长方体木块组成,每块木块宽度相同,但长度和高度略有差异。游戏开始时,这些木块被三层十五块地堆叠成一个稳定的塔形结构。游戏的目标是小心翼翼地抽出木块并放置在塔顶,直到塔体变得...
1. 变量与数据类型:JavaScript支持声明变量,并提供了五种基本数据类型(Number、String、Boolean、Null、Undefined)和两种引用数据类型(Object、Array)。理解它们的特性和用法是学习JavaScript的起点。 2. ...
1. **HTTP协议**:网页下载的基本原理是通过HTTP(超文本传输协议)或者HTTPS(安全版的HTTP)与服务器进行通信。Java中的`HttpURLConnection`或`HttpClient`类可以用来发送HTTP请求并接收响应。 2. **URL类**:...
1.9 对象1.9.1 创建对象通过对象字面量`var myObject = { property1: value1, property2: value2, ...}`或构造函数`var myObject = new Object(); myObject.property1 = value1; myObject.property2 = value2;`。...
【JavaScript实现网页版贪吃蛇游戏】 在网页开发中,JavaScript是一种非常重要的脚本语言,它常用于增强网页的交互性。在这个实例中,我们将学习如何使用JavaScript来创建一个简单的网页版贪吃蛇游戏。以下是游戏的...
JS俄罗斯方块完美注释版,今天终于用了大约4个小时写出来了.... 用户点开始->构造一个活动图形, 设置定时器, 每次向下移动后, 都检查是否触底, 如果触底了, 则尝试消行, 完了之后再构造一个活动图形, 再设置定时器.
2. **函数**:函数是JavaScript中可重用代码块的关键构造,可以理解为执行特定任务的迷你程序。我们可以学习如何定义函数、传递参数、返回值以及使用匿名函数和箭头函数。 3. **对象与原型**:JavaScript中的对象是...
1. 构造函数:构造函数在面向对象编程中用于初始化新创建的对象,虽然不是每个类都必须定义,但是Java等语言会提供默认的无参构造函数。 2. Java File类:`getAbsolutePath()`方法用于获取文件的绝对路径。 3. ...
- HTML(超文本标记语言)是网页的主要构造块,它定义了网页的结构和内容。HTML由各种标签组成,如`<p>`用于段落,`<a>`用于链接,`<h1>`至`<h6>`表示标题等级等。 2. **文本提取原理**: - 文本提取通常通过解析...