文档介绍:该【网页制作html基础知识 】是由【wxq362】上传分享,文档一共【27】页,该文档可以免费在线阅读,需要了解更多关于【网页制作html基础知识 】的内容,可以使用淘豆网的站内搜索功能,选择自己适合的文档,以下文字是截取该文章内的部分文字,如需要获得完整电子版,请下载此文档到您的设备,方便您编辑和打印。网页制作
信息技术学院
郑义
第1页,共27页。
HTML概述
HTML(HyperTextMarkupLanguage,超文本标记语言)
HTML标记都是由“<”和“>”围起来的,比如:<html>、<table>、<form>
在标记前添加“/”表示终止标记,比如:</html>、</table>、</form>
标记和终止标记中间的内容受标记控制
*
第2页,共27页。
一个简单的HTML文件
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>这里是标题</title>
<styletype="text/css">
<!--
.style1{font-size:36px}
.style2{color:#FF0000}
.style3{color:#0000FF}
-->
</style>
</head>
*
第3页,共27页。
一个简单的HTML文件(续)
<body>
<tablewidth="680"border="0"align="center"cellpadding="0"cellspacing="0">
<tr>
<tdheight="200"align="center"valign="middle"bgcolor="#00CCFF">
<spanclass="style1"><spanclass="style2">欢迎</span><spanclass="style3">光临</span></span>
</td>
</tr>
</table>
</body>
</html>
*
第4页,共27页。
在浏览器中的效果
*
第5页,共27页。
段落标记
段落的开始用<p>标记
段落的结束用</p>标记,可以省略
<p>有一个属性align,表示对齐方式,有以下可选值:
center
right
left(默认值)
*
<palign="center">这是居中的文字</p>
<palign="right">这是居右的文字</p>
<p>这是居左的文字</p>
第6页,共27页。
文字标记
<font></font>
有三个属性值
face:字体(默认是“宋体”)
size:字号(默认是3)
color:颜色(默认是黑色)
*
<fontface="宋体"size="2"color="#FF0000">红色二号宋体</font>
<fontface="楷体"size="4"color="#00FF00">绿色四号楷体</font>
<fontface="仿宋"size="5"color="#0000FF">蓝色五号仿宋</font>
第7页,共27页。
文字标记(续)
<b>加粗字体</b>
<i>倾斜字体</i>
<u>加上下划线的字体</u>
<sup>上标字体</sup>
<sub>下标字体</sub>
<s>加上删除线的字体</s>
*
第8页,共27页。
文字标记的组合使用
<fontcolor="#FF0000"size="4"face="仿宋">红色四号仿宋<b>加粗字体</b><i>倾斜字体</i></font>
最近的标记起作用
*
第9页,共27页。
超链接标记
<a></a>
属性值如下:
href:超链接地址、文件路径、邮件地址、#
target:打开超链接的窗口,有如下参数
_blank:在新窗口打开链接
_parent:在当前窗口的上一级窗口打开链接
_self:在当前窗口中打开
_top:在整个浏览器窗口中打开
title:当鼠标移到链接上显示的说明文字
*
第10页,共27页。