- 1、本文档共218页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
网页制作教程(HTML+CSS+JavaScript);1.1 HTML简介
1.2 HTML基本结构
1.3 创建HTML文档
1.4 页面摘要信息
1.5 网页结构
1.6 注释和特殊符号
1.7 实训——制作家具商城页面的版权信息
; HTML是HyperText Markup Language(超文本置标语言)的缩写,是一种为普通文件中某些字句加上标签的语言,其目的在于运用标签(tag)对文件达到预期的效果。
HTML最早源于SGML(Standard General Markup Language,标准通用化置标语言),它由Web的发明者Tim Berners-Lee和其同事Daniel W.Connolly于1990年创立。在互联网发展的初期,互联网由于没有一种网页技术呈现的标准,所以多家软件公司就合力打造了HTML标准,HTML标准规定网页如何处理文字,如何安排图画等等,其中最著名的就是HTML4,这是一个具有跨时代意义的标准,在HTML4标准提出之前,互联网上的标准非常混乱,当时的微软、网景等 公司都提出了需要制定新的标准来规范互联网,所以W3C组织就于1997年提出了HTML4标准。;1.2.1 HTML语法结构
HTML语法主要由标签、属性和元素组成,其语法结构为:
<标签 属性1="属性值1" 属性2="属性值2" …>元素的内容</标签>
1.标签
HTML文档由标签和被标签的内容组成。
2.属性
每个标签都有一系列的属性。
3.元素
元素指的是包含标签在内的整体,元素的内容是开始标签与结束标签之间的内容。;1.2.2 HTML语法规范
1.标签的规范
2.属性的规范
3.代码的缩进
在编写HTML代码时要注意使用代码缩进来提高程序的结构性和层次性。;1.2.3 HTML文档结构
<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>文档标题</title>
</head>
<body>
网页内容
</body>
</html>
;① 打开记事本。单击Windows的“开始”按钮,在“程序”菜单的“附件”子菜单中单击“记事本”命令。
② 创建新文件,并按HTML语言规则编辑。在“记事本”窗口中输入HTML代码,具体的内容如图1-2所示。
③ 保存网页。打开“记事本”的“文件”菜单,选择“保存”命令。此时将出现“另存为”对话框,在“保存在”下拉列表框中选择文件要存???的路径,在“文件名”文本框输入以.html或.htm为后缀的文件名,如first.html,在“保存类型”下拉列表框中选择“文本文档(*.txt)”项,最后单击“保存”按钮,将记事本中的内容保存在磁盘中。
④ 在“我的电脑”相应的存盘文件夹中双击first.html文件启动浏览器,即可看到网页的显示结果。; 网页的摘要信息一般放在HTML文档的头部(head)区域,主要通过以下两个标签进行描述。
1.4.1 <title>标签
网页的标题能给浏览者带来方便。首先,标题概括了网页的内容,能使浏览者迅速了解网页的大概。其次,如果浏览者喜欢该网页,将它加入书签中或保存到磁盘上,标题就作为该页面的标志或文件名。另外,使用搜索引擎时显示的结果也是页面的标题。可见,标题是相当重要的。标题<title>标签的格式为:
<title> 标题名 </title>;1.4.2 <meta>标签
<meta>标签的name属性的语法格式为:
<meta name="参数" content="参数值">。
name属性主要用于描述网页摘要信息,与之对应的属性值为content,content中的内容主要是便于搜索引擎查找信息和分类信息用的。
name属性主要有以下两个参数:keywords和description。
1.keywords(关键字)
keywords用来告诉搜索引擎网页使用的关键字。2.description(网站内容描述)
description用来告诉搜索引擎网站主要的内容。;1.4.3 案例——制作网络书城页面摘要信息
【例1-1】制作兴宇书城页面摘要信息.
【说明】用户可以登录百度搜索引擎/search/url_submit.html收录网页,以便浏览者访问到自己的网站。; 从页面布局和显示外观的角度看,一个页面的布局就类似一篇文章的排版,需要分为多个区块,较大的区块又可再细分为小区块。块内为多行逐一排列的文字、图片、超链接等内容,这些区块一般称为块级元素;而区块内的文字、图片或超链接等一般称为行级元素。
您可能关注的文档
- 市场营销理论与实务-全套PPT课件.pptx
- 数字与网络生活导论-全套PPT课件.pptx
- 通信网基础-全套PPT课件.pptx
- 网络设备的连接与调试-全套PPT课件.pptx
- 微型计算机控制技术-全套PPT课件.pptx
- 维修电工 国家职业技能培训与鉴定教程(初级、中级)全套课件.pptx
- 物流管理信息系统-全套PPT课件.pptx
- 现代物流基础-全套PPT课件.pptx
- 消费心理学及实务-全套PPT课件.pptx
- 信息检索教程-全套PPT课件.pptx
- 中国引流袋行业市场现状分析及竞争格局与投资发展研究报告2024-2034版.docx
- 中国幼儿家具行业发展分析及发展前景与投资研究报告2024-2034版.docx
- 桥梁承台工程监理实施细则.doc
- 河北省2015年上半年造价工程师考试造价管理:生产性项目考试试题.docx
- 框架结构办公楼保温工程施工.doc
- 中国嵌入式LED行业市场现状分析及竞争格局与投资发展研究报告2024-2034版.docx
- 2024-2030年中国整体家装行业供需策略分析及市场供需预测报告.docx
- 2024-2030年中国汽车排气管行业市场调查研究及发展前景规划报告.docx
- 2024-2030年中国治金管材行业市场深度监测及战略咨询研究报告.docx
- 2024-2030年中国紫罗兰叶浸膏行业市场现状调查及未来趋势研判报告.docx
1亿VIP精品文档
相关文档
最近下载
- 三副ECDIS评估题集.doc
- 风险投资与互联网企业成长关系探析——以拼多多为例.docx VIP
- 推进人工智能行业公共服务平台建设方案.docx
- 中国人工智能系列白皮书——大模型技术-2023版-121页.doc VIP
- 舞蹈与幼儿舞蹈创编教学全套课件高职国规 学前教育专业舞蹈与幼儿舞蹈创编 第十一章 幼儿舞蹈基本创编技法.pptx
- 模塑石墨聚苯板薄抹灰外墙外保温系统性能指标体系.doc
- 贷款新规下《银行授信尽职调查》.ppt
- 二十四节气之雨水介绍PPT.pptx
- 2024年江苏省徐州市文化广电和旅游局下属事业单位招聘5人历年高频考题难、易错点模拟试题(共500题)附带答案详解.docx
- 新版外加剂试验作业指导书.doc VIP
文档评论(0)