WEB网页初述

最新推荐文章于 2024-11-09 21:24:41 发布

1900's 88 keys

最新推荐文章于 2024-11-09 21:24:41 发布

阅读量177

点赞数 2

分类专栏： # HTML/CSS 正在路上的前端攻城狮的烂笔记文章标签： html html5 css

本文链接：https://blog.csdn.net/weixin_45660621/article/details/120515316

版权

正在路上的前端攻城狮的烂笔记同时被 2 个专栏收录

90 篇文章 2 订阅

订阅专栏

HTML/CSS

20 篇文章 1 订阅

订阅专栏

一、网页发展历史

不管干什么，**前人的丰功伟绩（历史）**总要了解下～

毕竟，作为生命周期如此短暂的人类，在有限的生命中为后人作出伟大的贡献，总值得被怀念和尊敬。

历史部分：

1、Web发展史（传送门）
2、HTML发展史（传送门）
3、CSS发展史（传送门）

引用小甲鱼老师的现成文档

多年的互联网浏览器大战，各家定制自家的网页的标准，以前开发者常常需要为多版本的开发而艰苦工作，直到W3C联盟的成立，才结束了大战时**“各家各自独立的网页标准”**。

二、网页概述

1、认识网页

网页是一个容器，用来承载可视化的内容，由文字、图像、超链接、视频、音频、动画等组成。

静态网页和动态网页动静混合组成。

静态网页：用户无论何时何地访问，网页都会显示固定的信息，除非网页源代码被重新修改上传。
优缺点是静态网页更新不方便，但是访问速度快。

动态网页：显示的内容则会随着用户操作和时间的不同而变化。优缺点是动态网页可以和服务器数据库进行实时的数据交换。

2、网页名称解释

名词	名词释义
Internet网络	就是通常所说的互联网，是由一些使用公用语言互相通信的计算机连接而成的网络。
WWW	WWW（英文World Wide Web的缩写）中文译为“万维网”是Intertnet提供的一种网页浏览服务。
URL	URL（英文Uniform Resource Locator的缩写）中文译为“统一资源定位符” URL其实就是Web地址，俗称“网址”。
DNS	DNS （英文Domain Name System的缩写）是域名解析系统。
HTTP和HTTPS	HTTP (英文Hypertext transfer protocol的缩写) 中文译为超文本传输协议，是一种详细规定了浏览器和万维网服务器之间互相HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，要比HTTP协议安全。通信的规则。
Web	Web通常指互联网的使用环境。但对于网站制作者来说，它是一系列技术的复合总称，通常称之为网页。
W3C组织	W3C（英文World Wide Web Consortium的缩写）中文译为“万维网联盟”。万维网联盟是国际最著名的标准化组织。

3、Web标准

1、结构标准：用来规定网页的结构(html、xml、xhtml)

2、样式标准：内容的版式、大小等(css)

3、行为标准：交互、动作(dom、ECMAScript)— javaScript

三、HTML、CSS、JavaScript三剑客

1、HTML

什么是HTML？
HTML指的是超文本标记语言（也叫超文本标签语言）。
目前大家用的学的都是由W3C组织定的HTML5标准，原来的HTML4.0的doctype：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

又长有懵。。现在的HTML5写法：

<!DOCYPE html>

简单、直接。

2、CSS

CSS通常称为CSS样式或样式表，主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。

3、JavaScript

JavaScript是网页中的一种脚本语言，其前身叫做LiveScript，由Netscape(网景)公司开发。后来在Sun公司推出著名的Java语言之后，Netscape公司和Sun公司于1995年一起重新设计了LiveScript，并把它改名为JavaScript。

四、浏览器

1、常见浏览器

IE、火狐和谷歌是目前互联网上的三大浏览器，其他常用的浏览器还有苹果的Safari浏览器和欧朋浏览器等。对于一般的网站，只要兼容IE浏览器、火狐浏览器和谷歌浏览器，就能满足绝大多数用户的需求。

Chrome浏览器目前应该是绝大多数程序员最喜欢的浏览器了吧，至少目前看来是的。

2、浏览器内核

浏览器	内核
IE浏览器	Trident内核
Firefox浏览器	Gecko内核
Safari(苹果的浏览器)	Webkit
Opesto浏览器	Presto内核
谷歌和opera开发	Blink内核

五、第一个程序

<!DOCTYPE html>
<html">
<head>
    <meta charset="UTF-8">
    <title>第一个程序</title>
</head>
<body>
    <h1>Hello</h1>
    <p>这是我的一个程序!</p>
</body>
</html>