网页制作与HTML语言基本结构

合集下载

相关主题

网页制作html

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

2019/2/7
2
网页的基本元素
文字：网页上传达信息的主体
图像：视觉印象比文字强烈，可以用来制作标题、
背景、主图和链接按钮等
超链接：一个网页和另一个目的地（网页、图片、
文件、程序）的连接点，可以分为文本超链接和图像超链接
2019/2/7
ቤተ መጻሕፍቲ ባይዱ
3
什么是HTML
HTML是（Hyper Text Markup Language，超文本标记语言）的缩写，使用各种不同的标记符号来分别标识和设定不同的网页元素。每一个网页元素通常由开始标记（start tag）、结束标记（end tag），以及夹在这两个标记中的内容所组成。 HTML语言内容丰富，从功能上大体可分为：文本设置、列表建立、文本属性制定、超链接、图片和多媒体插入、对象、表格、表单的操作，以及框架的建立。
2019/2/7
6
HTML文档基本标记
<head>标记中的基本内容： 1．<title>标题</title> 2．<meta> 信息:在服务器和客户之间传达隐含信息。可以用来定义页面主题，设定页面格式，标注内容提要和关键字，设置页面刷新等等。
2019/2/7
7
META标签分两大部分： HTTP标题信息(HTTPEQUIV)和页面描述信息(NAME)。 HTTP-EQUIV回应给浏览器一些有用的信息，帮助正确和精确地显示网页内容。
2019/2/7
9
<html> <head> <meta charset="gbk" /> <title>淘宝网 - 淘！我喜欢</title> <meta name="description" content=" 淘宝网 - 亚洲最大、最安全的网上交易平台，提供各类服饰、美容、家居、数码、话费/点卡充值… 2亿优质特价商品，同时提供担保交易(先收货后付款)、先行赔付、假一赔三、七天无理由退换货、数码免费维修等安全交易保障服务，让你全面安心享受网上购物乐趣！" /> <meta name="keywords" content="淘宝,掏宝,网上购物,C2C,在线交易,交易市场,网上交易,交易市场,网上买,网上卖,购物网站,团购,网上贸易,安全购物,电子商务,放心买,供应,买卖信息,网店,一口价,拍卖,网上开店,网络购物,打折,免费开店,网购,频道,店铺" /> 10
2．分段标记格式：<P>…</P>设置段落标记。 <p align=alignstyle>文字</p> 3．换行标记<BR>
格式：文字<BR> <NOBR>
2019/2/7
Body_link.htm
12
HTML常用标记
段落格式化 1．标题标记格式： <H1>…</H1> ， <H2>…</H2>…<H6>…</H6> 设置各种大小不同标题的标记。 <hn align=alignstyle>标题文字</hn> alignstyle=left,right,center
2019/2/7 8
NAME变量
1、Keywords (关键字)
用法：<Meta name=“Keywords”
Content=“关键词1,关键词2,关键词3,关键词
4,……”> 2、Description (简介) 用法：<Meta name="Description" Content="你网页的简述">
2019/2/7
Body.htm
11
HTML文档基本标记
设置<BODY>的属性 2．<BODY>属性
link --- 可链接文字的色彩，默认为蓝色 alink --- 正被点击的可链接文字的色彩 vlink --- 已经点击(访问)过的可链接文字的色彩，通常为紫色 Leftmargin ---页面左边的空白 topmargin ---页面上方的空白
网页制作与HTML语言基本结构
网页制作概述 Dreamweaver概览使用Dreamweaver制作实例网站的主页框架 HTML语言基本结构
2019/2/7
1
静态网页与动态网页
静态网页：所谓“静态”，指的就是站点的页面内容是“固定不变” 的。动态网页：浏览器端和服务器端可以互动，也就是服务器端可以实时处理浏览器端的请求，然后将处理结果（动态生成的网页）响应给浏览器端。
2019/2/7
4
HTML文档基本结构
包括HEAD、TITLE、BODY三部分，下面是基本结构： <HTML> <HEAD> <title>标题部分</title> </HEAD> <BODY> 正文部分 </BODY> </HTML>
2019/2/7
Html.htm
5
HTML文档基本标记
1．HTML文档标记格式： <HTML>…</HTML> 标志文件开始和结尾的标记。 2．HTML文件头标记格式： <HEAD>…</HEAD> 用于包含文件的基本信息。 3．HTML文件主体标记格式：<BODY>…</BODY>文件主体标记。注意： <HEAD> 与 <BODY> 为独立的两个部分，不能互相嵌套。
2019/2/7
HTML文档基本标记
设置<BODY>的属性 1．<BODY>属性 background＝ ---背景图片 Bgcolor＝“＃RRGGBB” --- 背景色彩 text --- 非可链接文字的色彩举例： <body background=“flower.jpg”> <body bgcolor=#ff0000 text=blue >
1、<Meta http-equiv=“Content-Type” Content=“text/html; Charset=gb2312”>(显示字符集的设定) 2、<Meta http-equiv=“Refresh” Content=“30”> <Meta http-equiv=“Refresh” Content=“5;Url=http://www.sohu.com”>(设置网页刷新时间）