《《HTML网页基本结构与DW》.pdfVIP

HTML网页基本结构与DW 信赖源于专业 预习检查 请描述HTML文档的基本结构！ 标题标签有哪几种类型？ – h1到h6 哪些标签可以控制文字样式？ – font b strong i – p pre br u 2 课程目标和项目展示 本门课程目标 能制作界面美观大方、面向企业应用的静态商业网站， 含动态脚本功能。 课程项目展示 3 本章目标 了解Internet的相关介绍 了解HTML技术 掌握网页背景设置 掌握字体和段落标签的应用 4 Internet相关技术介绍 TCP/IP协议:是Internet国际互联网络的基础。 –HTTP协议：用于浏览网页 –FTP协议：用于Internet文件共享 IP地址和域名简介 –IP地址：标识网络中每台主机的唯一地址。 –域名：用于标识IP地址的有意义的词组。 URL (Uniform Resource Locator) 统一资源定位符，用于精确定位网络中的各种资源。如网 页、图片、音乐、视频等。 5 Internet相关技术介绍 Web浏览器 – 将网页文件翻译成丰富多彩的网页 常用的浏览器： – IE、FireFox、…… 绝对路径和相对路径 – 绝对路径：文件或目录在硬盘上的真正路径。 C:\xyz\test.txt 或/index.htm – 相对路径：相对于某个基准目录的路径。 ./ 代表当前目录 ../ 代表上级目录 6 HTML语言 什么是 HTML？ – HTML (Hyper Text Markup Language) 指的是超文本 标记语言 – 是一种标记语言，用来描述网页的，而非编程语言 – 标记语言是一套标记标签(markup tag) – HTML 使用这套固定的标记标签来描述网页 7 HTML标签 HTML 标签 – HTML 标记标签通常被称为 HTML 标签(HTML tag) 。 – HTML 标签是由尖括号包围的关键词，比如html – HTML 标签通常是成对出现的，比如b 和/b – 标签对中的第一个标签是开始标签，第二个标签是结 束标签 。开始和结束标签也被称为开放标签和闭合标 签 – HTML 标签不区分大小写 8 HTML网页的结构 HTML网页的结构 HTML 网页标题 HEAD TITLE欢迎来到HTML /TITLE HEAD头部部分 /HEAD BODY HTML 网页 P您好，HTML ！/P BODY主体部分 /BODY /HTML 网页内容，可以是 文本、图像等 这部分包括标题和其他说明信息。包括在HEAD…/HEAD 标签内 这部分包含文本、图像和链接。它包括在BODY…/BODY 标签内 HTML…/HTML标签标记HTML 文档的开始和结束 9 使用记事本创建网页  使用记事本创建网页的步骤： 1、打开记事本 2、输入HTML代