第1章网页基础知识_IT分享知识网

大家好，欢迎来到IT知识分享网。

网页是由HTML编写，通过WWW网传输，且被浏览器编译后供用户获取信息的页面文件，又称为Web页，集合了文本、图片、声音、动画、数字电影和超级链接等各种网页元素。

Web 站点也称为网站，WWW信息是由无数的Web站点组成的，网页则是 Web 站点的基本信息单位，超链接将站点中的一个或多个网页连接成为一个便于浏览的有机整体。

静态网页是指客户端的浏览器发送URL 请求给 www服务器，服务器查找需要的超文本文件并不加处理地直接下载到客户端，运行在客户端的页面是已经事先做好并存放在服务器中的网页。静态网页通常由纯粹的HTML/CSS语言编写。

根据不同的网页制作风格，可以将网页分为个人网页和商业网页。商业网页内容丰富、信息量大，一般都有统一的布局；个人网页风格比较多样、内容比较专一、形式比较灵活，更容易创造出美感。
1.3.2 网页色彩搭配

（1）网页安全色。网页安全色是指在不同硬件环境、不同操作系统、不同浏览器中都能够正常显示的颜色集合。在使用网页安全色进行配色后，这些颜色在任何终端用户的显示设备上都将显示为相同的效果。网页安全色是红色、绿色和蓝色。当颜色数字信号值为0，51， 102， 153， 204和 255时、构成的颜色组合一共有216种颜色。

（2）网页中色彩的表达。在网页设计中，颜色值最常见的表达方式是十六进制。十六进制是计算机中数据的一种表示方法，由数字0~9和字母A~F组成，字母不区分大小写。颜色值可以采用6位的十六进制来进行表示，并且需要在前面加上特殊符号”#”，如井 OE533D。还可通过RGB，HSB， Lab 和 CMYK 来进行表示；RGB 色彩模式是通过对红（R）、绿（G）、蓝（B）3个颜色通道的变化以及相互之间的叠加来得到各种颜色，是目前运用最广的颜色系统之一。HSB色彩模式是普及型设计软件中常见的色彩模式。Lab颜色模型由亮度（L）和a、b两个颜色通道组成，这种颜色混合后将产生具有明亮效果的色彩。 CMYK 也称作印刷色彩模式，由青、洋红（品红）、黄和黑4种色彩组合成各种颜色。

1.5 HTML语法基础

1.5.1 HTML概述

超文本是可以加入图片、声音、动画、影视等内容的文本。事实上每一个HTML 文档都一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程骄言，它只是一种排版网页中资料显示位置的标记结构语言，简单且易学易懂。

3.标记

HTML5 实际上不算是一种编程语言，而是一种标记语言。HTML5 文件是由一系列成对出现的元素标签嵌套组合而成的。这些标签用”之”和”>”括起来。它们被称为标记，也称标签，是用来划分网页的元素，以形成文本的布局、文字的格式及五彩综纷的画面。标签通过指定某块信息为段落或标题等来标识文档的某个部分。在HTML 中每个用作标签的符号都是一条命令，它会告诉浏览器如何显示文本。这些标签均由”<”和”>”符号以及一个学符串组成。如<head>，<body>等。而浏览器的功能是对这些标记进行解释，显示出文字图片、动画和播放声音。这些标签符号用<标签名字属性>来表示。

1.5.2 HTML 基本结构

1.6 创建HTML文档

使用Hbuilder新建项目。依次选择文件>新建>web项目。创建项目名称，设置项目所在位置即可，完成之后会在左边的项目管理出现。打开项目文件夹，会看见里面有首页 index.html等等。

到这一步后就可以进行代码的编辑了

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />  <!--设置字符集-->
		<meta name="keywords" content="xxx"/>  <!--设置关键词-->
		<meta name="description" content="xxx"/>  <!--设置描述信息-->
		<title>手机商城</title>  <!--设置网页标题-->
		<link ref="stylesheet" href="css/index.css" type="text/css"/>  <!--引入css文件 rel指定文件的作用 href指定文件的路径 type指定文件的类型-->
		<script src="js/index.js" type="text/javascript"></script>
	</head>
	<body>
		<p>这是我的第一个网页项目</p>
		<p>23级软件技术2班李苏奇</p>
		<a href="http://www.baidu.com">百度一下</a>
	</body>
</html>

网页头部标签

1.7.1 <title>标签

1.7.2 <meta>标签

1.7.3 <link>标签

1.7.4 <script>标签

1.8 html5文档注释和特殊符号

1.8.1 注释

为增加 HTML5文档的可读性，可为其添加注释部分。注释是文档中的说明文字，不会被浏览器执行。HTML5使用<！一-……–>标签为文档进行注释，注释标签以”<！ –” 开头，以”–>”结束，中间的”…”替换为注释文字内容即可。<！–……–>标签支持单行和多行注释。

1.8.2 特殊符号

由于大于号”>”和小于号”<”等已作为HTML的语法符号，所以，如果要在页面中显示这些特殊符号，就必须使用相应的HTML代码表示。这些特殊符号对应的HTML 代码被称为字符实体。

1.9综合案例——临江仙·送钱穆父

<!DOCTYPE html>

<html>

 <head>

  <meta name="keywords" content="宋词 苏轼"charset="utf-8"/>

  <meta name="description" content="精选宋词">

  <title>宋词精选</title>

  <style type="text/css">

  p{

   text-align:center;

   font-size:larger;

  }

  </style>

 </head>

 <body bgcolor ="antiquewhite" text ="#333333" >

  <p>宋 苏轼</p >

  <p>一别都门三改火,天涯踏尽红尘.

         依然一笑作春温.

      无波真古井,有节是秋筠.

   惆怅孤帆连夜发,送行淡月微云.

   尊前不用翠眉颦.

  人生如逆旅,我亦是行人.</p >

  < img src="img/1.jpg"/>

  </body>z

</html>

免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://haidsoft.com/115608.html

第1章 网页基础知识

相关推荐

发表回复

第1章网页基础知识