第一章网页的基础知识

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

1.1认识网页和网站

1.1.1网页、网站

网页和网站的区别：

1.1.2静态网页和动态网页

1.2网页的基本构成元素

2图片和动画：图片比文本更加生动和直观，可以传逆一些文本不能表达的信息，具有强烈的视觉冲击力。网页中的网站标识、背欺、維找等都可以是因片。用户在网页中使用的图片格式主要包括GIR、JPRC 和PNC-等，其中使用最广泛的是 CTP 和 JPEC 两和格式。在网页中，为了重有效地吸引浏览者的注意，许多网站的广告都做成了动四形式

1.3页面布局结构

1.网页页面布局：根据不同的网页制作风格，可以将网页分为个人网页和商业网页。商业网负内容丰富、信息量大，一般都有统一的布局；个人网页风格比较多样、内容比较专一、形式比较灵活，更容易创造出美感网页中的位置分布进行分类的常见的结构布局包括“国字型”“厂字型”“海报型”“Flash型”

1.4Web前端技术简介

1.4.2Wed前端开发的三大核心技术

1.4.3Wed前端开发工具

2.网页编辑器

1.5HTML语法基础

1.5.1HTML概述

1.6创建HTML文档

个网页可以简单得只有文宇，也可以复杂得既有图片、文字，又有超链接和视频、首频等。下面使用 HBuildler 快速编辑一个 HTML文件，通过它来学习网页的编得、保行过程

第一个代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<p>我的第一个网页</p>
		<p>20203级软件3班</p>
	</body>
</html>

1.7网页头部标签

在网页的头部中，通常存放一些介绍页面内容的信息。例如，页面杯题、描达机天键问链楼的 CSS 样式文件和容户端的 Javascript 脚本文件等

1.7.1<title>标签

1.7.2<meta>标签

2. description

1.7.3<link>标签

slink>标签用于连接外部资源和当前 HTMI文档，它只在首部标签<head>和</head>中通常连接外部式样

1.7.4<lscript>标签

sscript>标签是脚本标签，用于为 FrTML 文档定义客户端脚本信息。此标签可以在文指中包含一段客户端脚本程序，可以位于文档申任何位置，但常位于<head>杯签内，以便于维护

1.8HTML文档注释和特殊符号

1.8.1注释

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

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" >
	<h2 align="center">临江仙•送钱穆父</h2>
	<P>宋 苏轼 </P>
	<!-- 使用<b/>的效果 -->
	<P>一别都门三改火，天涯路尽红尘。<br/>
	依然一笑作春温。<br/>
	无波真古井，有节是秋筠。<br/>
	烟帐孤帆连夜发，送行淡月微云。<br/>
	尊前不用翠眉颦。<br/>
	<font color="brown" face="微软雅黑">人生如逆旅，我亦是行人。</font><p>
	<img src="img/efaffde2c0c36f29773b43319f21de4.jpg"/>
	<!-- 水平线 -->
	<hr size="2" color="black" width="100%" />
	</body>
</html>

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