html第一章-网页的基本结构.ppt

SEC课程介绍 预习检查 1、请详述HTML文档的基本结构！ 2、标题标签有哪几种类型？ 3、哪些标签可以控制文字样式？ 本章单词 hypertext（[′haip?,tekst] 超文本） title（[′taitl] 题目,标题） head（[hed] 头部） background（[′b?kɡraund] 背景） sound（[saund] ?声音; 响声） loop（[lu:p] 环, 环状物） align（[?′la?n] 对齐方式） font（[f?nt] 字体,字形） size（[saiz] 大小, 尺寸） face（[feis] 外表, 外貌） strong（[str??] 强壮的, 强有力的） shade（[?eid] 阴影） 预习任务 1、在网页中显示一段文字，效果如下图所示。 2、在网页中显示一条水平线，效果如下图所示。 3、已知标题共有六级,分别用h1---h6表示,请问在使用下面标题符号的时候，字体最大的是（ ）。(选择一项) A、h1 B、h2 C、h3 D、h6 本门课程目标和课程项目展示 本门课程目标 学完本门课程后，我们能够： 课程项目展示 本章任务 本章目标 了解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网页的结构 使用记事本创建网页 使用记事本创建网页的步骤： 1、打开记事本 2、输入HTML代码 3、保存为*.html或*.htm文件，注意格式问题 4、打开网页预览效果 设置网页背景色或背景图像 设置背景声音 添加多媒体资源 字体和段落标签 字体、字号 标题标签H1－H6 FONT标签 特殊符号 行的控制 段落标签P 换行标签BR 字体和段落标签 FONT标签 特殊符号 字体和段落标签 字体和段落标签 段落标签P 段(Paragraph) (可以看作是空行) p 换行标签BR 换行 br 字体样式 标题标签和水平线 标题标签 H# ... /H# #=1, 2, 3, 4, 5, 6 说明：H1到H6 字体大小依 次递减 标题标签和水平线 水平线hr / 练习 总结 1、哪个标签中的哪个属性可以改变字体颜色和字号？ 2、那个标签可以添加背景音乐？ 3、那个标签可以添加视频文件？ 4、标题标签可以有几级？ 作业布置 课后作业 书19页：1、2、3 提交方式 命名格式：班级+姓名+课程名+章节名.rar 提交时间 下次上课之前 第一章 网页的基本结构 CTB HTML SQL-Base STB Project1:ADO.Net+WinForms C/S JavaScript SQL-Adv Java Project2:JavaWeb+SQL B/S .NET/C#-Adv JavaWeb-Base ASP.Net-Adv ASP.Net-Base NTC Project3: Logic C C#/WinForms