网页设计语言.ppt

网页设计语言
第1页，此课件共28页哦
HTML是网页制作的一种规范、一种标准。是编写网页的最基本的语言，也是网页设计师的必备基本功之一。
本章介绍了用HTML制作网页的各种标记符的设置方法，包括网页数据的编，此课件共28页哦
3 HTML的文本标记和链接标记
文本属性的设置<font>
face属性表示文本的字体
color属性表示文本的颜色
size属性表示文本的字号
例2 <font face=隶书 color=#00ff00 size=3>
标题文本的设置<Hn>
<Hn>…</Hn>（标题n，n=1~6）
<H1> 的字体最大， <H6>的字体最小。
其属性 align={left，center，right}，指文字的水平对齐方式
第12页，此课件共28页哦
文本的修饰
<b>加粗 <i>斜体 <u>下划线 <sup>上标 <sub>下标
<strong>强调 <s>删除线 <small>小字体 <big>大字体
注：以上标记符都是成对出现的
段落标记
第13页，此课件共28页哦
四、段落格式
1．分段与换行符
分段标记符用于将文档划分为段落，标
记符为<P>…</P>
要将文字强制换行，而不是另起段落，
可以用换行标记符BR实现该功能。注意，
BR仅单独使用，而非成对出现。
2. 添加水平线
添加水平线的标记符为<HR>（与BR类
似，HR也不包括结束标记符。
第14页，此课件共28页哦
3. 段落对齐
（1） ALIGN属性
ALIGN属性用于设置段落的对齐方式，
其常见取值有4种：RIGHT（右对齐）、
LEFT（左对齐）、CENTER（居中对齐）、
JUSTIFY（两端对齐）。
（2）DIV标记符
（3）CENTER标记符
（4）格式的嵌套
第15页，此课件共28页哦
五、 文字格式
1．字符格式

2．字体大小、字符颜色和字体样式
（1） SIZE属性：控制文字的大小
（2）COLOR属性：控制文字的颜色
（3）FACE属性：指定字体样式
第16页，此课件共28页哦
六、列表格式
1．有序列表
定义有序列表需要使用有序列表标记符
<OL>…</OL>和列表项（List item）标记
符<LI>…</LI>，语法如下：
<OL><LI>List item1</LI>
<LI>List item2</LI></OL>
2．无序列表
无序列表标记符<UL>…</UL>和列表项
标记符<LI>…</LI>
第17页，此课件共28页哦
3．定义列表
定义列表的制作需要3个标记符：定义
列表标记符<DL>…</DL>，用来指定定义
列表的开头与结尾；定义术语（Definition
term）标记符<DT>，用来指定第一层数据；
定义描述标记符<DD>，用来指定第二层数
据。<DL>标记符必须有结束标记，但
<DT>和<DD>标记符的结束标记可以省略。
第18页，此课件共28页哦
在网页中建立超链接
一、超链接标记符
创建一个超链接需要使用<A>…</A>标
记符，A是Anchor的首字母，<A>标记符的
最基本属性是HREF，用于指定链接到的文
件位置。
其他属性见教材。
第19页，此课件共28页哦
二、创建超链接
1．指向本地网页的链接：绝对URL
2． 链接至位于相同文件夹的文件：
相对URL方式
3．链接至位于不同文件夹的文件
4．指向其他网页的链接，如：
<P><A HREF=””>我要上网易</A></P>
5．页面的特定部分链接
6．连接至E-mail地址的超链接
第20页，此课件共28页哦
在网页中插入图片
一、插入图片
用<IMG>标记符在HTML文件中插入图
片，<IMG>标记符常用的属性见教材。
二、图片布局
可以使用HEIGHT、WIDTH、BORDER
属性指定图片的高度、宽度以及是否具有
框线。
第21页，此课件共28页哦
1．图片的高度、宽度
<IMG WIDTH=x HEIGHT=y>，如：<IMGSRC=””ALT=”献给英雄的花”WIDTH=”30%” HEIGHT=”300”>
⒉ 图片的边框
<IMG BORDER=”边宽”>
还可以用<IMG>标记符的SO