HTML的介绍
语法结构
1.
<!--这是HTML基本标记例子-->
<html>
<head>
<title>例子1基本标记</title>
</head>
<body>
</body>
</html>
2.
<html>
<head>
<title>例子2格式设置标记</title>
</head>
<body>
<P>段落标记，内容作为独立段，前后加空行</P>
<P>断行标记，<BR>内容该位<BR>置换行；</P>
<PRE>
预格式化文本标记，最终显示内容不发生变化，同HTML文本中保持一样；
预格式化文本标记，最终显示内容不发
预格式化文本标记，最终显示内容不发
预格式化文本标记，最终显示内容不发
</PRE>
<NOBR>
将内容放一行；
将内容强行放在一行显示；
</NOBR>
<WBR>自适应断行标记，根据窗口宽度适当自适应断行标记，根据窗口宽度适当自适应断行标记，根据窗口宽度适当
</WBR>
<HR>
<!--横线标记，生成一条横线-->
</body>
</html>
3.
<html>
<head>
<title>例子3标题与字体设置标记</title>
</head>
<body>
<H1>第1级标题</H1>
<H2>第2级标题</H2>
<H3>第3级标题</H3>
<H4>第4级标题</H4>
<H5>第5级标题</H5>
<H6>第6级标题</H6>
一般字体<BR>
一般字体<BIG>字加大</BIG> <BR>
一般字体<SMALL>字变小</SMALL> <BR>
一般字体<B>粗体字</B> <BR>
一般字体<I>斜体字</I> <BR>
一般字体<U>加底线</U> <BR>
一般字体<TT>打字体</TT> <BR>
一般字体<SUP>上标字</SUP> <BR>
一般字体<SUB>下标字</SUB> <BR>
<FONT SIZE=1>字体大小--1号字</FONT> <BR> <FONT SIZE=2>字体大小--2号字</FONT> <BR> <FONT SIZE=3>字体大小--3号字</FONT> <BR> <FONT SIZE=4>字体大小--4号字</FONT> <BR> <FONT SIZE=5>字体大小--5号字</FONT> <BR> <FONT SIZE=6>字体大小--6号字</FONT> <BR> <FONT SIZE=7>字体大小--7号字</FONT> <BR>
<FONT COLOR=#000000>字体颜</FONT> <BR> <FONT COLOR=#ff0000>字体颜</FONT> <BR> <FONT COLOR=#0000ff>字体颜</FONT> <BR>
<FONT FACE=楷体>字型-楷体</FONT> <BR>
<FONT FACE=宋体>字型-宋体</FONT> <BR>
<H1 ALIGN=CENTER>标题居中</H1>
<H2 ALIGN=LEFT>标题左对齐</H2>
<H3 ALIGN=RIGHT>标题右对齐</H3>
</body>
</html>
4.
<html>
<head>
<title>例子4－图像标记和属性</title>
</head>
<body>
<IMG SRC="老鼠.gif">
<IMG SRC="老鼠.gif"
WIDTH=60
HEIGHT="90">
<IMG SRC="老鼠.gif"
ALIGN=top width="144" height="140">
<IMG SRC="老鼠1.gif"
ALIGN=right
ALT="This is a small mouse!">
<!--故意不到图像文件，则显示文字提示-->
<IMG SRC="老鼠.gif"
ALIGN=left
BORDER=5>
<!--图像边框宽度（像素）-->
<!--<IMG SRC="图像文件路径及名称"
WIDTH=图像宽度（像素）
HEIGHT=图像高度（像素）
ALIGN=top/bottom/middle/left/right
ALT="图像文字说明"
html主页BORDER=图像边框宽度（像素）
VSPACE＝距上下文本的距离（像素）
HSPACE＝距左右文本的距离（像素）>
-->
</body>
</html>
具体例子
1．
<html><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>HTML教程</TITLE>
<META NAME="Author" CONTENT="JY">
<META NAME="GENERATOR" CONTENT="Mozilla/3.04Gold (Win95; I) [Netscape]">
</HEAD>
<BODY>
<DIV ALIGN=right><P><A HREF="index-1.htm" tppabs="www.shanxiwindow/teaching/htmlbook/index.htm"><IMG SRC="html.gif" tppabs="www.shanxiwindow/teaching/htmlbook/html.gif" BORDER=0 HEIGHT=33 WIDTH=
160></A></P></DIV>
<DIV ALIGN=right><P>
<HR WIDTH="100%"></P></DIV>
<P><B><U><FONT COLOR="#0080C0"><FONT SIZE=+2>HTML入门</FONT></FONT></U></B></P>
<P><B><FONT COLOR="#FF6A6A"><FONT SIZE=+1>HTML</FONT></FONT></B>英语意思是：Hypertext
Marked Language，即超文本标记语言,<FONT SIZE=+1>是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作World
Wide Web 的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。</FONT>使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。</P>
<P>所谓超文本，因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。</P>
<P><IMG SRC="yball.gif" tppabs="www.shanxiwindow/teaching/htmlbook/yball.gif" HEIGHT=15 WIDTH=22>通过HTML可以表现出丰富多彩的设计风格</P>
<P>图片调用：<FONT COLOR="#800080"><IMG SRC="；文件名"><BR>
</FONT>文字格式：<FONT COLOR="#800080"><FONT SIZE="+5
" COLOR="00FFFF">；文字</FONT></FONT></P>
<P><IMG SRC="yball.gif" tppabs="www.shanxiwindow/teaching/htmlbook/yball.gif" HEIGHT=15 WIDTH=22>通过HTML可以实现页面之间的跳转</P>
<P>页面跳转：<FONT COLOR="#800080">〈A HREF="；文件路径/文件名"></A></FONT></P>
<P><IMG SRC="yball.gif" tppabs="www.shanxiwindow/teaching/htmlbook/yball.gif" HEIGHT=15 WIDTH=22>通过HTML可以展现多媒体的效果</P>
<P>声频：<FONT COLOR="#800080"><EMBED SRC="；音乐文件名" AUTOSTART=true><BR>
</FONT>视频：<FONT COLOR="#800080"><EMBED SRC="；视频文件名"
AUTOSTART=true></FONT></P>
<P>上面我们在示例超文本特征的同时，采用了了一些我们在制作超文本文件时需要用到的一些标签。所谓标签，就是它采用了一系列的指令符号来控制输出的效果，这些指令符号用“<；标签名字属性>”来表示。有关标签详细的内容参见下一页。</P>
<P>
<HR WIDTH="100%"></P>
<P><IMG SRC="next1.gif" tppabs="www.shanxiwindow/teaching/htmlbook/next1.gif" HEIGHT=28 WIDTH=116><A HREF="3.htm" tppabs="www.shanxiwindow/teaching/htmlbook/3.htm">HTML基本结构</A></P>
</BODY>
</HTML>
2.
<html><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>HTML教程</TITLE>
<META NAME="GENERATOR" CONTENT="Microsoft FrontPage 5.0">
<META NAME="Author" CONTENT="JY">

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。