网页设计与制作-网页制作语言HTML
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
表格标签
<table align=""> 设置表格格子的水平对齐方式(left,center,right,justify) <tr align=""> 设置表格格子的水平对齐方式(left,center,right,justify) <tr valign=""> 设置表格格子的垂直对齐方式(baseline,bottom,middle,top) <td colspan=""> 设置一个表格格子跨占的列数(缺省值为1) <td rowspan=""> 设置一个表格格子跨占的行数(缺省值为1) <td nowrap> 禁止表格格子内的内容自动断行 <CAPTION></CAPTION> 表格的标题
可视化软件：Microsoft公司的FrontPage、Adobe公司的 Dreamweaver等软件均可以创建HTML文档。
WEB服务器实时动态生成：这种HTML的创建方法需要由后台的网
页程序来实现，如ASP、PHP等。（一般和数据库配合）
Dreamwaver
02
HTML的基本标签
基本结构
超链接标签
描点链接 电子邮件链接 空链接
图片标签
1.图像源文件属性
图像源文件属性src指定要显示的图像文件所在位置。网页中所有的文件在网络 上的位置都有一个URL唯一标识。src属性的参数值就是图像文件的URL，其设 置值可以是相对路径，也可以是绝对路径，其格式如下：
<img src=”图像路径” />
TIPs: 超链接标签与图片标签结合使用
有序标签
<ol></ol> 创建一个标有数字的列表 <ul></ul> 创建一个标有圆点的列表
表格标签
<table></table> 创建一个表格 <tr></tr> 表格中的每一行 <td></td> 表格中一行中的每一个格子 <th></th> 设置表格头:通常是黑体居中文字 <table cellspacing=""> 设置表格格子之间空间的大小 <table border=""> 设置边框的宽度 <table cellpadding=""> 设置表格格子边框与其内部内容之间空间的大小 <table width=""> 设置表格的宽度。用绝对像素值或总宽度的百分比
第二章：网页制作语言HTML
不黑老师
目录
PART ONE HTML的基础知识 PART TWO HTML的基本标签 PART THREE HTML的常用标签
Biblioteka Baidu1
HTML的基础知识
什么是HTML？
超文本标记语言(Hyper Text Markup Language)，标准通用标记 语言下的一个应用。HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的。
下标字 上标字
产生字体加粗 Bold 的效果 产生字体加粗的效果 字体出现斜体效果 字体出现斜体效果 加下划线 设定字体、大小、颜色
设定所有字体、大小、颜色 令字体稍微变大 令字体稍微缩小 为文字加删除线 文字向右缩排 文字下标 文字上标
超链接标签
什么是URL? 什么是路径？ 超链接标签：<a></a> <a herf=“url”target=“_blank”>显示内容</a>
饥饿，能保持清醒头脑。 寂寞，能复原人性缺失。 担当，能解决一切问题。 时间，能给出一切答案。
谢谢！
多媒体标签
<embed>…</embed>标签可以用于插入各种多媒体对象，格式 可以是Midi、Wav、AIFF、AU、MP3、Flash等。需要注意的是， 当使用<embed>…</embed>标签在网页中插入多媒后，用户在 浏览网页时，计算机中需要有支持播放该多媒体的插件。
<bgsound>---背景音乐
主体标签
<body text=“”>是HTML文档的主体标签， <body>…</body>中放置文档的正文，是在浏览器中 显示的页面内容，如文字、图片、动画，视频等。 <body>标签常用的属性如下：
Link alink vlink background bgcolor Topmargin bottommargin leftmargin rightmargin Text
设置页面中默认文本超链接的颜色 设置鼠标单击时文本超链接的颜色 设置单击过后的文本超链接的颜色
设置页面的背景图像 设置页面的背景颜色 设置页面的上、下、左、右边距 设置页面中文本的颜色
03
HTML的常用标签
常用标签
文本 超链接
图片
列表 表格
多媒体
文本标签
双向标签： <h></h>标题标签 <p></p>段落标签 （属性:align） <center></center>居中 <pre></pre>预排版标签
文本标签
单向标签： <br/>换行标签 <hr>水平线标签
文本标签
<STRONG> <B> <EM> <I> <U>
<FONT> <BASEFONT>
<BIG> <SMALL> <STRIKE> <BLOCKQUOTE>
<SUB> <SUP>
加重语气 粗体标记 强调标记 斜体标记 加下划线 字体标记 基准字体标记 字体加大 字体缩小 加删除线 向右缩排
文档标签
文档标签<html>…</html>用于标识文档的文档类型 为HTML文档。它是在整个HTML文档标签的最外层，文 档中所有的标签和文本内容都是包含在<html>与</html> 之间的。
头部标签
<head>是HTML文档的头部标签，在文档中同样是 成对出现的，即<head>和</head>。在浏览器窗口中， 头部标签所包含的信息不会显示在主窗口中。在<head> 和</head>标签之间可以插入其他的一些标签，用于说明 文档的标题和整个中相同的一些属性，还可以加入一些 文件信息。
2.图像的宽度和高度属性
图像的宽度属性width和高度属性height用于指定图像的在浏览器中显示的大 小，其属性的单位是“像素”，例如，插入图像的宽和高都为100像素，其代 码如下：
<img src="图像路径" width=”100px” height=”100px” />
图片标签
设定图框 -- border ＜img src="图形文件名" border=点数＞ 设定图形上下左右留空 -- vspace&hspace ＜img src="图形文件 名" vspace=上下留空点数 hspace=左右留空点数＞ 图形附注 --＜img src="图形文件名" alt="说明文字"＞
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非 文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分和 “主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供 网页的具体内容。
HTML编写方式
手工编写：可以使用任何文本编辑器来打开并编写HTML文件，如 Windows系统中自带的记事本。
<html> <head> <title>页面标题</title> </head>
<body> </body>
</html>
每一个HTML文档都由最基本的标签， 如文档标签、头部标签和主体标签组成。
标签都是成对出现，由开始标签<标 签名>和结束标签</标签名>组成的，这 种成对出现的标签称之为双向标签。除 此之外HTML标签还有单向标记，单向标 签只有一个标签<标签名/>，如图像标签 <img/>，水平线<hr/>等。