文档介绍：HTML的基本标签
课程地位
Prev
HTML
SQL Base
Logic Java
C#/WinForms
STB
Project1:+WinForms C/S
/Three Tier
JavaScript
SQL Advance
Java OOP
Project2: B/S
.Net/OOP
JSP
Ajax/Web Service
JSP/Servlet/JavaBean/Web Service
Struts/Hibernate/Spring/Ajax
NTC
Project3: Net/Java HR/CRM/OA/B2C B/S
行业手册
本门课程目标和课程项目展示
本门课程目标
学完本门课程后,你能够:
课程项目展示
演示示例1:课程项目展示
能制作界面美观大方、面向企业应用的静态商业网站,不含动态脚本功能。
本章任务
制作图文并茂的“广告”页面
查看源代码
本章目标
会使用HTML的基本结构创建网页
会使用文本相关标签实现文字修饰和布局
会使用图像相关标签实现图文并茂的页面
会使用超链接相关标签实现页面间的跳转
HTML文件的基本结构
HTML文档的结构
<HTML>
<HEAD>
<TITLE>我的第一个网页</TITLE>
</HEAD>
<BODY >
Hello World!
</BODY>
</HTML>
HTML 网页
<HEAD>头部部分
<BODY>主体部分
<HTML>…</HTML>标签标记 HTML 文档的开始和结束
网页标题
网页内容,可以是文本、图像等
这部分包含文本、图像和链接。它包括在<BODY>…</BODY> 标签内
查看源代码
这部分包括标题和其他说明信息。包括在<HEAD>…</HEAD> 标签内
使用记事本创建网页
演示示例2:如何在记事本里创建网页
使用记事本创建网页的步骤:
1、打开记事本
2、输入HTML代码
3、保存为*.html或*.htm文件,注意格式问题
4、打开网页预览效果
使用记事本创建网页
<META>标签
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>网页标题</TITLE>
</HEAD>
网页页面中出现乱码,那如何消除乱码使其正常显示?
使用<META>标签
简体中文:gb2312
繁体中文:big5
纯英文网页:iso-8859-1
可以避免页面中的乱码
页面背景色或背景图像
<BODY bgcolor="#FF“ background="" >
Hello World!
</BODY>
为了使页面美丽大方,网页背景要尽量地浅
……
<BODY bgcolor="#FF“>
Hello World!
</BODY>
……
查看源代码
网页背景色彩
网页背景图像
文本相关标签
字体、字号
标题标签<H1>-<H6>
<FONT>标签
特殊符号
行的控制
段落标签<P>
换行标签<BR>
使用了
<H2>…<H2>
换段了
设置了字体的大小和颜色
换行了
特殊符号