第1章 HTML基础
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
描述
设置文本为上标格式
设置文本为下标格式
设置打字机风格字体的文本
以强调形式格式化文本，通常显示为斜体
格式化地址信息，将文本设置为斜体字
格式化需强调显示效果的文字，通常显示为斜体+粗体
将文字排版按原格式显示，即把原文件中的空格、回车、换行等表现出来
1.3.5 超链接标签
属性 href name title target
（5）HTML标签中可以放置各种属性。例：<h1 align="center">标题 1</h1>
（6）在HTML源代码中的注释。<!-- 要注释的内容 --> 注释语句只出 现在源代码中，不会在浏览器中显示。
1.2.3 HTML的标签及属性
基本语法： 成对标签 <标签名 属性1="值" 属性2="值"
属性3="值" …>内容</标签名> 单独标签 <标签名 属性1="值" 属性2="值"
属性3="值" …>
范例代码 1.3.html
<html> <head> <title>世侨国贸公寓</title> <meta http-equiv="Content-Type" content="text/html; charset= gb2312"> <style type="text/css"> <!— p,td{font-size:9pt; line-height:16px} .style1 {color: #FFFFFF} --> </style> </head> <body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin= "0" marginwidth="0"
（2）标签与标签之间可以嵌套。例：<center><a>大连工业大学 </a></center>
（3）HTML的标签和属性名不区分大小写。例：<html> <HTML> <Html>三个标签是一致的。
（4）HTML代码中任何回车和空格在显示时不起作用（显示空格为 “ ”）。为了使代码清晰，建议不同的标签之间用回车换行编 写。
描述 设定页面的文本颜色 设定链接文本的颜色 设定活动链接的颜色，即按下鼠标左键时连接文本所显示的颜色 设定已访问过的链接文本的颜色 设定页面的背景颜色 设定页面的背景图像 设定页面的左边距 设定页面的上边距
1.3.3 格式标签
标签 <!--…-->
<br> <p>…</p> <div>…</div>
描述 指定链接地址 给链接命名 给链接提示文字 指定链接的目标窗口
例子 <a href=”” > <a name=”abc
本章重点
▲掌握HTML文件的基本结构 ▲掌握HTML基本标记的含义、用法及属性设
置 ▲利用HTML标记创建网页中的基本元素
1.1 HTML简介
HTML是超文本标记语言（HyperText Markup Language）的缩写
HTML不是一种编程语言，而是一种标记语言 （Markup Language）
标记语言都会提供一套标记标签（Markup Tags） HTML用标记标签来设计网页
图片：<IMG SRC="文件名"> 文字格式：<FONT SIZE="2 "
COLOR="#00FFFF">文字</FONT> 超链接：<A HREF="文件名"></A> 声频：<EMBED SRC="声音地址"
<hr>
描述 注释标签 换行标签，单独标签不需要有结束标签 分段标签，并自动换行 定位标签 水平线标签
1.3.4 字体标签
标签 <h#> <font> <b> <i> <u> <sup> <sub> <tt> <em> <address> <strong> <pre>
#级标题标签 字体标签 设置粗体字 设置斜体字 设置下划线
描述 设定显示在浏览器上方的标题内容 有关文档本身的元信息，例如关键字、描述等 设定CSS层叠样式表的内容 设定外部文件的链接 设定页面中程序脚本的内容
1.3.2 内容标签
属性 text link vlink alink
bgcolor background leftmargin topmargin
范例代码 1.2.html
<html> <head> <title>HTML文件的基本结构</title> </head> <body> 这是一个网页！ </body> </html>
1.2.2 HTML的使用要点
（1）“<”和“>”是HTML任何标签的开始和结束。例：<body> </body>
AUTOSTART=true> 视频：<EMBED SRC="视频地址"
AUTOSTART=true>
1.2 HTML文件的基本结构
一个完整的HTML文档是由一系列的元素和 标签组成的，元素名不区分大小写，HTML 用标签来规定元素的属性和它在文件中的 位置，HTML超文本文档分文档头和文档体 两部分，在文档头里，对这个文档进行了 一些必要的定义，文档体中才是要显示的 各种文档信息。
marginheight="0"> … </body> </html>
代码分析
<body>标签中属性bgcolor的含义是定义页 面的背景色，值为#FFFFFF表示白色，属 性text表示页面中文字的颜色，值为 #000000表示黑色。
1.3 HTML的基本标签
1.3.1 头部标签
标签 <title>…</title> <meta> <style>…</style> <link> <script>…</script>