html专题学习课件分析.ppt

专题一 HTML简介 案例一 制作欢迎界面网页 教学目标 能熟练的描述因特网、Web和HTML的概念。 能熟练描述HTML文档结构，并正确使用记事本编写HTML文档结构。 能利用特殊字符和HTML基本元素编写简单的HTML网页。 能正确的预览编写的HTML代码。 工作任务 通过草图设计网页样式。 利用记事本制作欢迎界面网页。 在windows下组织文件。 使用windows的浏览器预览欢迎界面网页。 相关实践知识6-1 确定在互联网中放置一张欢迎页面。 思考页面的样式，以及布局。并在草稿纸上绘制草图。书中草图如下： 相关实践知识6-2 创建新的网页 在【开始】?【程序】?【附件】?【记事本】中打开记事本。 按照HTML语法键入HTML结构代码。 相关实践知识6-3 在BODY/BODY标签中间加入内容，整体代码如下： 相关实践知识6-4 打开另存为对话框，另存文件。 在【文件名】框中输入Web页的名称，注意文件名必须以.htm或.html为扩展名。 按如下目录结构组织文件： 相关实践知识6-5 在代码中改写图片路径 相关实践知识6-6 浏览器中预览效果 总结 本章通过一个欢迎的网页练习，掌握了开发简单HTML的过程。 了解了因特网和HTML的相关知识。 掌握了HTML的文档结构和HTML的一些基本元素。 了解了HTML特殊字符的书写方式。 互联网介绍-1 多台计算机互相连接即组成网络，Internet是一个网络中的网络。 互联网介绍-2 1969年，美国国防部出资建立的ARPA-NET网络，随后在美国及欧洲的大学逐渐得到应用 1991 年由瑞士日內瓦物理实验室 CERN 的研究员Dr. Tim Berners-Lee 发明了WWW。 互联网介绍-3 HTML技术是目前最优秀也是最核心的Web技术之一。 1945年，Vannevar Bush提出文本之间相互链接来进行阅读与关联的 创新思想。 1969年IBM利用这种 思想发明了GML语言 ， 随后互联网发展， 产生了HTML。 互联网介绍-4 互联网中的名词： URL：统一资源定位 例如： FTP：文本传输协议 HTTP：超文本传输协议 在浏览网页时键入的URL都以http://开头。 IP地址 每台主机都有唯一的IP地址，如：50 TCP/IP 传输控制协议和互联网协议。 Email 格式如：user@domainname HTML语言 HTML是一种用于文档布局和超文本链接规范的语言。 它定义了特殊的、嵌入式指令的语法和放置方法，用于在浏览器中显示文档的内容，如文本、图像以及其他支持的媒体等。 HTML并不是一种程序，它只是一种控制网页中资料显示的标记语言。 例如： B 文化 /B HTML文档结构-1 HTML文档的组成包括定义文档内容的文本，和定义文档结构及外观的标签。 HTML文档结构-2 HTML 文档的结构是由最外层的html标签组成，里面是文档的头部和主体。 HTML标签-1 HTML的标签由由普通的词语、缩写词和注释构成。 标签都有一个标签名称。 例如： HTML 有些标签后面还有一个可选的属性列表。 标签的属性有值的话，它们就放在标签属性名称后面的等号（=）之后 。 例如：width=6 标签放在开始和结束括号之间（和）。 标签和属性名不区分大小写。 例如：head、Head、HEAD、HeaD HTML标签-2 HTML文件中完整定义的语法为 ： “”可以省略，如下 HTML标签-3 在HTML中，!-- --标记可以编写注释文字。 语法： !--注释文字-- HTML基本元素-HTML 所有的文件都应该在此标签中 在这个标签中还包括了两大标签 HEAD标记所建立的文件标题 BODY标记所建立的文件主体。 HTML基本元素-头部标签1 在HEAD标签中放置关于HTML文件的信息. 标题、编码方式、URL等 这些信息大部分是用于提供索引、辨认或其他应用。 title元素的格式为：title文件题目/title title标明html文件的题目,它以窗口的名称显示出来 。 HTML基本元素-头部标签2 meta标记用于描述不包含在标准HTML里的一些文档信息 。 HTML基本元素-BODY BODY标记为HTML文件的内容主体 。 可以利用各种HTML标记，控制网页显示内容的格式、排版与效果。 标记的语法： BODY文件主体/BODY HTML基本元素-Hn-1 标题元素有6种，分别为h1, h2,…h6，用于表示文章中的各种题目。 标题号越小，字体越大 ： h1 黑体，特大字体，居中，上下各有两行空行。 h2 黑体，大字体，上下各有一到两行空行。 h3 黑