截图
简介
这是html基本结构ppt，包括了HTML代码基本知识，HTML初步，HTML语言基础，HTML文档中的标记，HTML文档的基本结构等内容，欢迎点击下载。
html基本结构ppt是由红软PPT免费下载网推荐的一款课件PPT类型的PowerPoint.
项目三
HTML代码基本知识
项目三 HTML代码基本知识
HTML文档的基本结构
文字和段落
超级链接标志
图像、背景与颜色标志
表格标志
动态HTML
HTML初步
超文本标记语言HTML是生成WWW网页文件的语言，用以生成超文本文档。在文档中，可以加入任何元素（文本、图像、动画和声音等）的链接
使用浏览器浏览的网页就是HTML文档
通常是使用记事本作为HTML文档的编辑器，利用浏览器浏览文档效果
HTML语言基础
HTML只是标记语言，基本上只要明白了各种标记的用法，就学懂了HTML
标记的写法：
标记由：<> 括号包围的元素组成，如<TITLE>
标记的表示：起始标记<TITLE>，结束标记</TITLE>
标记中加属性和参数
参数只能加在起始标记中
<font size="5">Hello</font>
标记字母大小写无关
HTML文档中的标记
大多数标志都是成对出现的，
起始标志（如<HEAD>）和结束标记（如</HEAD>）
在起始标记和结束标记之间，放入网页元素
如：文本、图片、超级链接等
<p> welcome to you </p>
所有的HTML文档内容都是由
起始标记<HTML>和结束标记</HTML>包围起来的
HTML文档的基本结构
<HTML>
<HEAD>
<TITLE>文档标题</TITLE>
</HEAD>
<BODY>
文档的正文内容
</BODY>
</HTML>
简单的HTML文档
<HTML>
<HEAD>
<TITLE>李小龙的主页</TITLE>
<!– version number=“1.0” -->
</HEAD>
<BODY>
欢迎访问我的主页!
</BODY>
</HTML>
输入和保存HTML文档
打开“记事本”编辑器，输入要编辑的HTML语言代码
输入完毕后，保存HTML文档
菜单[文件]→[保存]/[另存为]
“保存类型”选择“所有文件”
在“文件名”框中输入：myhtml.htm，注意：扩展名(.htm)一定不能省略
用IE打开网页文件：myhtml.htm
打开HTML文档
记事本中选择“所有文件”类型，打开文件
浏览器中选择菜单[查看]→[源文件]
BODY中的标记和属性
<BODY>标记中放置要在浏览器中所显示信息的所有标记和属性
标记中间可以放置：文字、段落、图像、表格、超级链接、框架等
在标记中设置属性，主要是对标记进行补充说明
文字标题标记
标题能分隔大段文字，使得网页显示的内容结构清晰。
共有六级标题：H1～H6，从大到小。
<H1></H1> ， … ， <H6></H6>
对齐方式：设置标题的对齐属性。三个属性：
ALIGN=Left、ALIGN=Center、ALIGN=right
文字段落<P>及换行<BR>
文字段落标记：<P>…</p>
换行标记：<BR> 不成对出现，不用结束标记
在指定位置分行，但不另起段落
分隔符标志
水平分隔线标记<HR>
属性：size、color、width、align
不用结束标记
关于颜色
颜色：由红R、绿G、蓝B三原色组成，每一色由两位十六进制数表示(简称RGB数)。
如下表
颜色
RGB数的设置：三种颜色组合起来
RGB数设置为000000，颜色为黑色
RGB数设置为CCCCCC，颜色为灰色
RGB数设置为FFFFFF，颜色为白色
英文单词表示颜色
Black（黑），Olive（橄榄色），Teal（青色），Red（红色），Blue（蓝色），Navy（深蓝色）， Maroon（ 栗色的），Gray（灰色）， Lime（绿黄色），Fuchsia（桃红色），White（白色）， Green（绿色）， Purple（紫色），Silver（银色）， Yellow（黄色），Aqua（浅绿色）
设置颜色组合时，前面加“#”符号。使用英文单词表示颜色时，不加#号
页面背景色、文本颜色
在<BODY>标记中指定页面的背景颜色
属性：BGCOLOR=#…
在<BODY>标记中指定整个文档中文本的颜色
属性：TEXT=#…
字体、字号、文字颜色
用<FONT>标记指定字体、字号和文本颜色
字体
属性：<FONT FACE=“…”> 指定字体
字号
属性：<FONT SIZE=…> 字号1到7号，默认是3
字体、字号、文字颜色
文本颜色
属性：<FONT COLOR=#…> 指定字体
粗体、斜体
粗体标志<B>…</B>
斜体标志<I>…</I>
建立超级链接
超级链接标记<A>…</A>
HREF属性：
指向链接的网址和文件（URL）
超级链接
NAME属性：
设置书签位置点，超级链接指向书签p，154
TARGET属性:
在新的窗口中显示链接的内容
超级链接
TITLE属性：
在超级链接中加上链接的说明，当将鼠标移到链接上时，说明会自动弹出到光标的尾巴上
插入E-mail链接：
加进图形图像
图形图像标记<IMG>
图片格式常见有GIF和JPG
主要属性SRC，称为引用图形的“源(source)”
图片文件和HTML文档在同一文件夹中，直接用文件名
图片文件和HTML文档不在同一文件夹中，指定路径时用相对路径
其它属性：ALT、BORDER、ALIGN、WIDTH
加入影像
直接用链接加入
当用户点击时才下载播放。如：
嵌入影像
嵌入方式使用<EMBED>标记 方法如下：
表格标志
表格标记<TABLE>…</TABLE>
基本表格标记：<TR>、<TD>、<TH>
</TR>、</TD>、</TH>的结束标记最好加上
表格标记
<TABLE>标记中的常用属性，有些属性同样适用于<TR>、<TD>、和<TH>标记
表格
<TABLE>属性实例，整个表格的属性
说明：表格的宽度占据整个浏览器窗口的50%，表格边框线5，背景颜色为灰色，并且居中显示
定义简单表格
<Table border=5 bgcolor=silver width=50% align=center>
<TR><TH>编号</TH><TH>品牌</TH></TR>
<TR><TD>M1001</TD><TD>长城</TD></TR>
<TR><TD>M1002</TD><TD>方正</TD></TR>
<TR><TD>M1003</TD><TD>联想</TD></TR>
<TR><TD>M1004</TD><TD>TCL</TD></TR>
</TABLE>
列表
无序列表标记<UL></UL>
基本列表标记
<LH>表头标题
<LI>表项标识
列表
有序列表标记<OL></OL>
基本列表标记
<LI>表项标识
框架集、表单
框架集<FRAMESET>
表单<FORM>
滚动字幕
滚动字幕标记<marquee>…</marquee>
Direction属性
设置文字滚动的方向：Left， right， up， down
Bihavior属性
设置文字滚动方式：scroll（成卷形）， slide（滑动）， alternate（轮流）
滚动字幕
Scrollamount属性
设置文字滚动的速度（像素）
scrolldelay属性
设置文字滚动延迟时间（秒）
滚动字幕
Align属性
设置滚动字幕的对齐方式：top， middle， bottom
Bgcolor属性
设置滚动字幕的背景色
预定义色彩：Black， Olive， Teal， Red， Blue， Maroon， Navy， Gray， Lime， Fuchsia， White， Green， Purple， Silver， Yellow， Aqua
滚动字幕实例
<P><font color=#FF0000><marquee bgcolor=yellow height="400" width="400" direction=up scrolldelay=150 onmouseover="this.stop()" onmouseout="this.start()">网页制作的技巧很多，<br>使用滚动字幕，可以使网页生动起来</P>
<p><A href="http://www.baidu.com">滚动字幕是最常用的</A></p>
<p>这个方向的滚动可以吗?</marquee></font></P>
自动弹出窗口
实现一进入页面就会有"欢迎"的页面出现，退出又有"再见"的画面
在<body>标记中加入下面的属性：
<body onload=alert("欢迎访问网络天地") onunload=alert("谢谢光临！")>
展开
