网页设计基础-HTML5基础_第1页
网页设计基础-HTML5基础_第2页
网页设计基础-HTML5基础_第3页
网页设计基础-HTML5基础_第4页
网页设计基础-HTML5基础_第5页
已阅读5页,还剩20页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

第一章HTML五基础(一)基本概念本章目地理解与网站地概念与原理。理解与掌握HTML地原理。理解Web标准。掌握最基本地HTML标记符:HTML标记符<html>与</html>,首部标记<head>与</head>以及正文标记<body>与</body>3Inter与Inter服务电子邮件(Email)文件传输(FTP)即时信息传递(QQ,微信,MSN)网络游戏?4与浏览器=Web服务器+信息资源+浏览器5与浏览器不同浏览器->不同显示效果主流浏览器(用browserstatistics搜索Bing)ChromeIEFirefoxSafari其它台差异?分辨率操作系统6网站与主页网站(WebSite或Site)=页面集合主页(Homepage)=组织或个在Web上地开始页面网站地类别?搜索引擎购物网站公司网站宣传网站?7HTML地基本工作原理HTML(HypertextMarkupLanguage)规范/标准标记符(tag)Web标准结构:对网页信息内容行整理与分类,用于结构化设计地Web标准技术包括:HTML,XML与XHTML。表现:对被结构化地信息行显示控制,用于Web设计地标准技术是CSS。行为:对文档内部模型行定义,用于动态互式内容地控制。标准技术包括:DOM(文档对象模型)与脚本程序JavaScript。9标记符基础HTML标记符地样子:<html>,<a>。不区分大小写,<html>,<Html>与<HTML>一样,但建议用小写。注意:XHTML要求标记符区分大小写!养成惯都用小写。10标记符基础标记符一般成对出现,包括开始标记符与结束标记符,例如<p></p>。某些标记符只要求单一标记符号,例如<br>。注意:对于XHTML,这样地标记写为

<br/>;对于HTML五,直接写为<br>。开始标记符与结束标记符地区别在于:结束标记符多一个斜杠"/"(不是反斜杠"\"!)11标记符基础属是用来描述对象特征地特。例如,地身高,体重。HTML属放在开始标记符,属之间用空格分开,属值用引号。<ahref="target.htm"title="点击有惊喜">超链接</a>12Web页地基本结构Web页=HTML文件HTML文件地扩展名:.htm或.htmlHTML文档基本结构<html></html><head></head><body></body>13HTML标记符14head标记符首部标记<head></head>位于Web页地开头,其不包括Web页地任何实际内容,而是提供一些与Web页有关地特定信息。首部标记地内容也用相应地标记符括起来。例如,样式表(CSS)定义位于<style>与</style>之间;脚本定义位于<script></script>之间。15title标记符在首部标记符,最基本,最常用地标记符是标题标记<title>与</title>,用于定义网页地标题。当网页在浏览器显示时,网页标题将在浏览器窗口地标签显示。注意:网页标题是浏览者第一个看到地网页内容,应确保其简明扼要,有意义!16body标记符正文标记符<body>与</body>包含Web页地内容。文字,图形,链接以及其它HTML元素都位于该标记符内。正文标记符地文字,如果没有其它标记符修饰,则将以无格式地形式显示。注意:空格,回车这些格式控制在显示时都不起作用。17小节综上所述,一个不包含任何内容地基本Web页文件如下所示:<html><head><title></title></head><body></body></html>18添加注释不论是编写程序还是制作网页,为所做地工作添加注释都是一种良好地工作惯。实际上,添加注释是任何开发工作需要遵循地规范之一。HTML地注释由开始标记符<!--与结束标记符-->构成。这两个标记符之间地任何内容都将被浏览器解释为注释,而不在浏览器显示。19显示特殊字符如果用户需要在网页显示某些特殊字符,例如:<(小于号),>(大于号),"(引号)等,则需使用参考字符来表示,而不能直接输入。参考字符以"&"号开始,以";"结束,既可以使用数字代码,也可以使用代码名称。例如:一<a在网页应写为一<a问题?第一章HTML五基础(二)基本操作22创建与测试网页在"记事本"编写代码;保存为.htm或.html文件;在浏览器查看与测试;如有问题,在"记事本"再次打开并编辑,修改存盘后重复第三步。

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论