第一个html页面.ppt

资源定位 文件路径 绝对路径 相对路径 URL：uniform resource locator 通信协议名称 Web服务器地址（域名或ip地址） 文件在web服务器中的路径及文件名 /TDGZ/Html1.htm 作业要求 制作一个“个人简介”网页，包括姓名、年龄、电话、爱好、特长、求职目标等内容。要求有照片或图片内容。 修改案例1，添加文字说明部分，并在标题文字的两边各插入一个gif动画。 THANK YOU 焦作师专 · 计信学院 Dreamweaver网页制作 第一个Html网页 Dreamweaver网页制作系列微课 主讲：刘淑芝 案例描述 网页文档 相关知识 Html特点 Html是一种标记性语言，而非程序语言。 描述文档结构 跨平台 浏览器用html约定的标记来展示网页 html文件就像是贴了很多html标签的文本文件。 Html特点 Html由标签（或称为元素）组成 标签通常成对出现：html /html 一对标签内可以嵌套其他标签：容器 html body ……/body /html br非成对标签 Html特点 部分标签拥有自己的属性 属性通常由属性名称和属性值成对组成 只能在起始标签中定义 html body bgcolor=“blue” …/body /html Html特点 HTML标签的三种表示方法： 标签名文本或超文本/标签名 标签名 属性=“属性值”文本或超文本/标签名 标签名 网页基本结构 整体 html/html 头部 head/head 包含网页头部信息、标题等内容 主体 body/body网页主体内容的标识。 html head title /title /head body /body /html Html常用标签/元素 TITLE…/TITLE：网页标题 必须放在HEAD…/HEAD标识之内 标记的内容显示为窗口名称 可以做默认文件名 长度没有限制（64字符） Html常用标签/元素 BODY BGCOLOR=“#RRGGBB”：使用BODY标识中的 BGCOLOR 属性，可以设置网页的背景颜色。 BODY BGCOLOR=颜色的英文名称 BODY BGCOLOR=red BODY BGCOLOR=“#FF0000 Html常用标签/元素 img：（image图像）图像标识，加载图像与GIF动画 属性 src （source源）指明图像或GIF文件的位置 img src=“文件路径” img src=“e:\images\i.jpg” Html常用标签/元素 br ： 换行标签 表示以后的内容移到下一行 单向标签 没有/br Html常用标签/元素 pre…… /pre：保留文本原来格式 将其标识的内容按原来格式显示 否则，浏览器会自动取消多个连续空格、回车换行等 Html常用标签/元素 b……/b粗体 可以使其中的文字变为粗体 Html常用标签/元素 hn……/hn：一到六级正文的标题 h1……/h1 h2……/h2 h3……/h3 h4……/h4 h5……/h5 h6……/h6 属性 align=#, #取值为left,right,center Html常用标签/元素 p……/p段落 可以将其中内容另起一段显示 之前有一个空行 可以有多个属性 如align Html常用标签/元素 !-- 这里是注释 -- 在浏览器中不可见 焦作师专 · 计信学院