HTML超文本标记语言
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
HTML语言简介
HTML标记语句
HTML语句由标记符和被标记的内容组成。
HTML中标记语句的一般格式为： <标记符>受标记影响的内容</标记符>
起 始 标 记 符
结 束 标 记 符
一、HTML语言简介
HTML标记语句
<标记符>受标记影响的内容</标记符>
例1：
<U>河北政法职业学院</U> 其作用是在“河北政法职业学院”下面加下划线。
二、常用的HTML标记
2.网页的主体标记
如： <body bgcolor=red>
颜色值有两种表示方法： 用“#”引导的一个六位十六进制数代码（分别代 表红、绿、蓝分量）表示； 用英文颜色名表示
二、常用的HTML标记
2.网页的主体标记
二、常用的HTML标记
3.HTML文本标记
字体格式标记
其中，<table>…</table>标记则必须成对使用, </tr>、</td>、</th>可以省去。
二、常用的HTML标记
6.表格标记
表格的标记为<table>…</table>，行的标记为 <tr>…</tr>，表项(列)的标记为<td>…</td>、表头 的标记为<th>…</th>。表格标记的一般格式：
网动网站开发技术
HTML标超文本标记语言河北政法职业学院计算系一、HTML语言简介
HTML（Hypertext Markup Language）称为超 文本标记语言，是用来编写网页的一种语言，其是 构成网页的主要元素。 HTML不是编程语言，而是标记语言。其没有编 程语言条件判断和循环控制结构，有的只是许许多 多的标记符。 HTML通过在网页中添加标记符，来告诉浏览器 如何显示所标记的内容，即标记符的作用是确定所 标记内容的显示格式和方式。
<table align=left|center|right border=n width=x|x% height=y|y%> <tr> <th>表头1<th>表头2…<th>表头n <tr> <td>表项1<td>表项2…<td>表项n …… <tr> <td>表项1<td>表项2…<td>表项n </table>
河北政法职业学院<br>计算机系
二、常用的HTML标记
4.段落标记
分段标记
使用<p>标记实现分段，<p>和</p>之间为一段,其 一般格式为：
<p align=对齐方式 > 段中文字 </p>
属性align用来设置段落在页面中的对齐方式，取 值有：left（左对齐）、center（居中）和right（右 对齐）。
1.网页的头部标记 <title>„„</title>
该标记用于定义网页的标题，<title>与 </title> 之间的内容将显示在浏览器的标题栏中。
<html> <head> <title>HTML超文本标记语言</title> </head> <body> …… </body> </html>
<table align=left|center|right border=n width=x|x% height=y|y%> <tr> <th>表头1<th>表头2…<th>表头n <tr> <td>表项1<td>表项2…<td>表项n …… <tr> <td>表项1<td>表项2…<td>表项n </table>
二、常用的HTML标记
4.段落标记
分段标记
使用<p>标记实现分段，<p>和</p>之间为一段,其 一般格式为：
<p align=对齐方式 > 段中文字 </p>
如：
<p align=center>河北政法职业学院<p align=left>计算机系</p>
二、常用的HTML标记
5.图像标记
网页中图片的显示使用<img>标记，其格式如下： <img src=文件名 alt=说明 width=x height=y border=n hspace=h vspace=v align=对齐方式> src:设置要显示图片的文件名。 alt:设置当鼠标指向图片时的替代文字。 Width、Height :设置图片的宽度、高度。 Border:设置边框的粗细。 Hspace、vspace:设置图片水平、上下的空白。 Align:设置图片相对于周围文字的对齐方式。
二、常用的HTML标记
5.超链接标记
网页中的超链接使用<A>标记，其格式如下：
<A href=“URL” target=打开窗口方式>超链接源</A>
超链接源可以是文字，也可以是图片
二、常用的HTML标记
5.超链接标记
网页中的超链接使用<A>标记，其格式如下：
<A href=“URL” target=打开窗口方式>超链接源</A>
图片相对于文字 的对齐方式
二、常用的HTML标记
5.超链接标记
网页中的超链接使用<A>标记，其格式如下：
<A href=“URL” target=打开窗口方式>超链接源</A>
href:指出要链接到的网页的URL地址。 target:指出打开链接到网页的方式，其取值如下： _blank:在新窗口显示链接到的网页的内容； _self:在原有窗口显示链接到的网页的内容。
<th>和<td>都是标记列的， <th>标记的文字按粗 体显示，属于“表头”， <td>标记的文字按正常字体 显示，属于表项。
二、常用的HTML标记
6.表格标记
如：
<table align=center border=1 width=300> <tr><th>序号</th><th>姓名</th><th>成绩</th></tr> <tr><td>1</td><td>张三</td><td>80</td></tr> <tr><td>2</td><td>李四</td><td>90</td></tr> </table>
二、常用的HTML标记
3.HTML文本标记
标题标记
标题是一段有加强效果的文字，标题标记的格式为：
<Hn
align=对齐方式 > 标题文字 </Hn>
如：
<h1 align=center>计算机系</h1>
二、常用的HTML标记
4.段落标记
换行标记
使用<br>标记实现换行，该标记前后的文字成为两 行，但两行仍为一段。 如：
二、常用的HTML标记
5.图像标记
网页中图片的显示使用<img>标记，其格式如下： <img src=文件名 alt=说明 width=x height=y border=n hspace=h vspace=v align=对齐方式> 如：
<img src=“tup1.jpg”>
二、常用的HTML标记
二、常用的HTML标记
2.网页的主体标记
如： <body background=“beijing.jpg”>
格式：background=“图片文件的文件名” 其中：图片的文件名要加上必要的路径；并且 要用英文单角的双引号括起来。
二、常用的HTML标记
2.网页的主体标记
如： <body bgcolor=red>
一、HTML语言简介
HTML标记语句
<标记符>受标记影响的内容</标记符>
例2： <B>河北政法职业学院</B> 其作用是将“河北政法职业学院”加粗显示。
一、HTML语言简介
HTML标记语句
<标记符>受标记影响的内容</标记符> 标记符可以嵌套使用，如： 例3： <U><B>河北政法职业学院</B></U> 其作用是将“河北政法职业学院”加粗并加下划线。
5.图像标记
网页中图片的显示使用<img>标记，其格式如下： <img src=文件名 alt=说明 width=x height=y border=n hspace=h vspace=v align=对齐方式>
Align的取值如下： Left:图片位于文字的左面； Right:图片位于文字的右面； Top;图片的顶端与文字对齐； Middle:图片的中央与文字对齐； Bottom图片的端与文字对齐
3.HTML文本标记
标题标记
标题是一段有加强效果的文字，标题标记的格式为：
<Hn
align=对齐方式 > 标题文字 </Hn>
其中n代表标题的级别，用来指定标题文字的大小， 可以取1～6之间的整数值，取1时文字最大，取6时文字 最小。标题文字自动加粗。 属性align用来设置标题在页面中的对齐方式，取 值有：left（左对齐）、center（居中）和right（右 对齐）。
一、HTML语言简介
HTML标记语句
<标记符>受标记影响的内容</标记符> 如果需要进一步控制被标记内容的显示方 式，还可以为标记符指定属性。其格式如下:
<标记符 属性名1=属性值1 „>受标记影响内容</标记符>
例4： <font size=6>河北政法职业学院</font>
一、HTML语言简介
二、常用的HTML标记
6.表格标记
<table>标记可以添加bordercolor属性，设置表 格边框线的颜色。
如：
<table align=center border=1 width=300 cellspacing=5 bordercolor=“red”> <tr><th>序号</th><th>姓名</th><th>成绩</th></tr> <tr><td>1</td><td>张三</td><td>80</td></tr> <tr><td>2</td><td>李四</td><td>90</td></tr> </table>
如：
<A href=“” target=“_blank”>河北政法职业学院</A>
<A href=“”><img src=“tup2.jpg”></A>
二、常用的HTML标记
6.表格标记
表格的标记为<table>…</table>，行的标记为 <tr>…</tr>，表项(列)的标记为<td>…</td>、表头 的标记为<th>…</th>。表格标记的一般格式：
二、常用的HTML标记
6.表格标记
<table>标记可以添加cellspacing和cellpading 属性，设置单元格的间距和边距。
如：
<table align=center border=1 width=300 cellspacing=5> <tr><th>序号</th><th>姓名</th><th>成绩</th></tr> <tr><td>1</td><td>张三</td><td>80</td></tr> <tr><td>2</td><td>李四</td><td>90</td></tr> </table>
字体格式标记
<font>标记用来设置字体格式，包括字体、大小和 颜色，其一般格式为：
<font size=数字 face=字体名 color=颜色>被设置的文字 </font>
如：
<font size=4 face=“隶书” color=yellow>政法学院</font>
二、常用的HTML标记
5.图像标记
网页中图片的显示使用<img>标记，其格式如下： <img src=文件名 alt=说明 width=x height=y border=n hspace=h vspace=v align=对齐方式> 如：
<img src=“tup1.jpg” alt=“图书” align=left>
二、常用的HTML标记
二、常用的HTML标记
2.网页的主体标记
<body>用于标记网页的主体部分。在<body>和 </body>之间包含网页中可以显示出来的各对象的标记语 句。 <body>标记包含如下属性： bgcolor:设置背景颜色。 background:设置背景图片。 text:设置网页中文本的颜色。 link：设置普通超链接颜色。 vlink：设置访问过链接颜色。 alink：设置活动超链接颜色。
HTML文档的基本结构
<html> <head> <title> 头部 这里是网页的标题,显示在浏览器的标题栏中 </title> </head> <body> 这里是网页的正文,可以包含文本、图片、超链接、 正文 各种格式描述、客户端和服务端的脚本代码等。 </body> </html>
二、常用的HTML标记
<font>标记用来设置字体格式，包括字体、大小和 颜色，其一般格式为：
<font size=数字 face=字体名 color=颜色>被设置的文字 </font>
face属性用来设置字体，这里的“字体名”就是在 Word的“常用”工具栏的“字体”列表框中显示的字体 名。