WEB基础(HTML基本标签).pptVIP

* * 第一章 HTML基本标签 预习检查 请详述HTML文档的基本结构！ 标题标签有哪几种类型？ h1到h6 哪些标签可以控制文字样式？ font b strong i p pre br u ...... 本章目标 了解Internet的相关介绍 了解HTML技术 掌握网页背景设置 掌握字体和段落标签的应用 掌握如何在网页中插入图片 掌握超级链接的使用 掌握列表标签 制作滚动效果 Internet相关技术介绍 TCP/IP协议 TCP/IP协议是Internet国际互联网络的基础。 HTTP协议：用于浏览网页 FTP协议：用于Internet文件共享 IP地址和域名简介 IP地址：标识网络中每台主机的唯一地址。 域名：用于标识IP地址的有意义的词组。 URL (Uniform Resource Locator) 统一资源定位符，用于精确定位网络中的各种资源。如网页、图片、音乐、视频等。 Internet相关技术介绍 Web浏览器 将网页文件翻译成丰富多彩的网页。 常用的浏览器： IE FireFox Opera 绝对路径和相对路径 绝对路径：文件或目录在硬盘上的真正路径。 C:\xyz\test.txt /index.htm 相对路径：相对于某个基准目录的路径。 ./ 代表当前目录 ../ 代表上级目录 HTML语言 什么是 HTML？ HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词，比如 html HTML 标签通常是成对出现的，比如 b 和 /b 标签对中的第一个标签是开始标签，第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签 HTML网页的结构 HTML网页的结构 HTML HEAD TITLE欢迎来到HTML /TITLE /HEAD BODY P您好，SEC！/P /BODY /HTML HTML 网页 HEAD头部部分 BODY主体部分 HTML…/HTML标签标记 HTML 文档的开始和结束 网页标题 网页内容，可以是文本、图像等 这部分包含文本、图像和链接。它包括在 BODY…/BODY 标签内 这部分包括标题和其他说明信息。包括在 HEAD…/HEAD 标签内 使用记事本创建网页 演示示例： 使用记事本创建网页的步骤： 1、打开记事本 2、输入HTML代码 3、保存为*.html或*.htm文件，注意格式问题 4、打开网页预览效果 使用记事本创建网页 设置网页背景色或背景图像 BODY bgcolor=#FFCCFF“ background=back_image.GIF Hello World！ /BODY 为了使页面美丽大方，网页背景要尽量地浅 …… BODY bgcolor=#FFCCFF“ Hello World! /BODY …… 网页背景色彩 网页背景图像 设置背景声音 bgsound src=“audio/wind.mp3” loop=“-1” / html head title主体背景音乐设置/title /head body bgsound src=“audio/wind.mp3” loop=“-1” / /body /html 声音文件 播放次数 添加多媒体资源 html head title多媒体资源设置/title /head body p align=“center”下面是视频文件的播放界面/p embed src=“video/nba.wmv” width=“400” height=“300” autostart=“true” /embed p align=“center”下面是音频文件的播放界面/p embed src=“audio/wind.mp3” width=“400” height=“300”/embed p align=“center”下面是Flash动画文件的播放界面/p embed src=“swf/mouse.swf” width=“400” /embed /body /html 字体和段落标签 字体、字号 标题标签H1－H6 FONT标签 特殊符号 行的控制 段落标签P 换行标签BR 使用了 H2… H