第一章第一章 HTML语言基础语言基础1动态网站建设课件第一节第一节 几个相关概念几个相关概念一一. Internet 地址：地址： IPIP地址：地址：如：如：202.194.254.11202.194.254.11域名地址：域名地址：机器名机器名. .机构名机构名. .网络名网络名. .最高层域名最高层域名www sdie edu cnwww sdie edu cnftp sdu gov ca ftp sdu gov ca 2动态网站建设课件二、网页与超文本：二、网页与超文本： u网页：网页：每个页面对应一个文件：每个页面对应一个文件：.html .asp .aspx uhttp http 协议：协议：超文本传输协议超文本传输协议uURLURL地址：地址：Uniform Resource LocatorUniform Resource Locator统一资源定位器统一资源定位器 协议：协议：/主机地址主机地址/ /资源地址资源地址如：如：http:/http:/ 3动态网站建设课件第二节第二节 HTML语言基础语言基础一、什么是一、什么是HTMLHTML语言？（语言？（hyper text markup languagehyper text markup language）1.HTML1.HTML不是程序设计语言，只是一种标记语言，不是程序设计语言，只是一种标记语言，对页面对象附加显示格式的标记。对页面对象附加显示格式的标记。2.2.可以使用任何编辑器编辑它可以使用任何编辑器编辑它3.3.浏览器是浏览器是HTMLHTML语言的解释者和执行者语言的解释者和执行者 4动态网站建设课件二、二、HTMLHTML标记基础：标记基础： 1.1.标记格式：标记格式：font size=6 face= 网络营销网络营销2.2.少部分标签允许只有头标少部分标签允许只有头标 如：如： 换行、换行、开始新段开始新段3.3.标记不区分大小写（一般用小写）标记不区分大小写（一般用小写）4.4.标记的属性放在头标中标记的属性放在头标中5.5.注释语句注释语句 !- -5动态网站建设课件三、三、HTMLHTML文件的基本结构文件的基本结构: : 1 1. 是全部文档的容器是全部文档的容器2.页头标记。页头标记。其中其中指定标题，指定标题，插入脚本等插入脚本等3.页体标记。页体标记。常用属性：常用属性： backgroud 网页背景图像的网页背景图像的URL bgcolor网页背景色，颜色值如：网页背景色，颜色值如： “#3456af” 或或 “red”text文本颜色，文本颜色，link链接颜色，链接颜色，vlink已访问链接色，已访问链接色， alink选中链选中链接色接色6动态网站建设课件例：例： 网上手机市场网上手机市场你想买手机吗？你想买手机吗？你可以访问你可以访问a href= 手机网站手机网站了解有关信息。了解有关信息。7动态网站建设课件四、四、HTMLHTML文档编辑工具文档编辑工具: : 有许多专用的网页编辑软件有许多专用的网页编辑软件如：如：Frontpage Frontpage DreamweaverDreamweaverVisual Studio.net (Visual web developer Visual Studio.net (Visual web developer 是其子是其子系统）系统）8动态网站建设课件第三节第三节 HTML文档编辑文档编辑一、一、HTMLHTML文本元素的编辑：文本元素的编辑： 文本是网页上用得最多的元素。文本是网页上用得最多的元素。( (一）一）字符格式化字符格式化 1. 1.设置字体、字号、颜色设置字体、字号、颜色font face=size=5 color=#00ff00山东山东 2.2.设置字体样式设置字体样式 粗体粗体 斜体斜体 下划线下划线9动态网站建设课件( (二）段落二）段落格式化格式化 1. 1.分段标记分段标记,后续内容隔行显示后续内容隔行显示 2.2.换行标记换行标记 3. 3.标题标记标题标记(n:16)(n:16) 4. 4.横线标记横线标记hr size= 5.5.对奇方式属性对奇方式属性align: left align: left 、rightright、centercenter、justfyjustfy。 等都有等都有alignalign属性。属性。 10动态网站建设课件二、插入图像二、插入图像 标记标记img src=Width=./如：如：img/ 11动态网站建设课件三、超链接三、超链接 ( (一）超链接的概念：一）超链接的概念：是源端到目的端的一种跳转。源是源端到目的端的一种跳转。源端可以是文本、图像等，目的端可以是任意类型的网络端可以是文本、图像等，目的端可以是任意类型的网络资源：网页、图像、邮箱、程序等，资源：网页、图像、邮箱、程序等，ieie能打开的直接打能打开的直接打开，否则询问开，否则询问“打开打开”还是还是“保存保存”( (二）常见超链接方式二）常见超链接方式1.1.热字热字超超链接链接a href= 文本文本 target :_self _blank _parent _top target :_self _blank _parent _top 或或 框架名称框架名称 2.热图超链接热图超链接img src=“dysb.jpg”/ 12动态网站建设课件四、创建滚动对象四、创建滚动对象 滚动对象可以是文本、图像等滚动对象可以是文本、图像等常用属性如下：常用属性如下：behaviorbehavior：行为方式：行为方式 scrollscroll、slideslide或或alternatealternateBgcolor: Bgcolor: 字幕背景色字幕背景色Direction Direction 滚动方向滚动方向downdown、upup、leftleft、rightright13动态网站建设课件五、插入表格五、插入表格 创建表格创建表格创建表行创建表行创建栏目名称创建栏目名称创建单元格创建单元格常用属性常用属性Border: 边框宽度边框宽度Bordercolor:边框颜色边框颜色Cellpadding:单元格内数据与边框的间距单元格内数据与边框的间距Cellspacing:单元格之间的间距单元格之间的间距Width:表格宽度，像素或百分比表格宽度，像素或百分比 14动态网站建设课件 例：例：站名站名到站时刻到站时刻开车时刻开车时刻北京西北京西-16:0016:00石家庄石家庄1818：5609:085609:08郑州郑州0:0100:440:0100:4415动态网站建设课件六、设置列表文本六、设置列表文本1、创建有序列表、创建有序列表 列表项列表项1 列表项列表项2Type:1（数字）、（数字）、a(小写字母小写字母)、A(大写字母大写字母)、 i(小写罗马数字小写罗马数字)、I(大写罗马数字大写罗马数字)16动态网站建设课件六、设置列表文本六、设置列表文本2、创建无序列表、创建无序列表 列表项列表项1 列表项列表项2Type:disk(实心园实心园)、circle(空心园空心园)、square(方块方块)说明：每个列表项可以是任何网页元素说明：每个列表项可以是任何网页元素17动态网站建设课件3实例实例html星期一课程安排表：星期一课程安排表：第一节：计算机导论第一节：计算机导论第二节：第二节：第三节第三节第四节第四节第五节：第五节：web应用程序应用程序第六节第六节18动态网站建设课件此课件下载可自行编辑修改，供参考！感谢您的支持，我们努力做得更好！动态网站建设课件