动态网站学习

1、1,第一章 HTML语言基础,2,第一节 几个相关概念,一. Internet 地址： IP地址：如：1 域名地址： 机器名.机构名.网络名.最高层域名www sdie edu cnftp sdu gov ca,3,二、网页与超文本：,网页： 每个页面对应一个文件：.html .asp .aspx http 协议：超文本传输协议 URL地址：Uniform Resource Locator统一资源定位器 协议：/主机地址/资源地址 如：,4,第二节 HTML语言基础,一、什么是HTML语言？（hyper text markup language） 1.HTML不是程序

2、设计语言，只是一种标记语言，对页面对象附加显示格式的标记。 可以使用任何编辑器编辑它 浏览器是HTML语言的解释者和执行者,5,二、HTML标记基础：,1.标记格式： 网络营销 2.少部分标签允许只有头标 如： 换行、开始新段 3.标记不区分大小写（一般用小写） 4.标记的属性放在头标中 5.注释语句 ,6,三、HTML文件的基本结构:,1. 是全部文档的容器 2.页头标记。 其中指定标题， 插入脚本等 3.页体标记。 常用属性： backgroud 网页背景图像的URL bgcolor网页背景色，颜色值如： “#3456af” 或 “red” text文本颜色，link链接颜色，vlink已

3、访问链接色， alink选中链接色,7,例：, 网上手机市场 你想买手机吗？ 你可以访问 手机网站 了解有关信息。 ,8,四、HTML文档编辑工具:,有许多专用的网页编辑软件 如： Frontpage Dreamweaver Visual S (Visual web developer 是其子系统）,9,第三节 HTML文档编辑,一、HTML文本元素的编辑：,文本是网页上用得最多的元素。 (一）字符格式化 1.设置字体、字号、颜色 山东 2.设置字体样式 粗体 斜体 下划线,10,(二）段落格式化 1.分段标记,后续内容隔行显示 2.换行标记 3.标题标记(n:16) 4.横线标记 5.对奇方

4、式属性align: left 、right、center、justfy。 等都有align属性。,11,二、插入图像,标记 如：,12,三、超链接,(一）超链接的概念：是源端到目的端的一种跳转。源端可以是文本、图像等，目的端可以是任意类型的网络资源：网页、图像、邮箱、程序等，ie能打开的直接打开，否则询问“打开”还是“保存” (二）常见超链接方式 1.热字超链接 文本 target :_self _blank _parent _top 或 框架名称 2.热图超链接 img src=“dysb.jpg”/,13,四、创建滚动对象, 滚动对象可以是文本、图像等 常用属性如下：behavior：行为

5、方式 scroll、slide或alternate Bgcolor: 字幕背景色 Direction 滚动方向down、up、left、right,14,五、插入表格,创建表格 创建表行 创建栏目名称 创建单元格 常用属性 Border: 边框宽度 Bordercolor:边框颜色 Cellpadding:单元格内数据与边框的间距 Cellspacing:单元格之间的间距 Width:表格宽度，像素或百分比,15,例： 站名到站时刻开车时刻 北京西-16:00 石家庄18：5609:08 郑州0:0100:44 ,16,六、设置列表文本,1、创建有序列表 列表项1 列表项2 Type:1（数字）、a(小写字母)、A(大写字母)、 i(小写罗马数字)、I(大写罗马数字),17,六、设置列表文本,2、创建无序列表 列表项1 列表项2 Type:disk(实心园)、circle(空心园)、square(