HTML的语法结构

1-321-16HTML的语法结构一、语法格式：标记属性1=值1属性2=值2参数/标记1、HTML文档的结构!--第一个HTML文件test.htm--htmlheadtitle这是页面标题/title/headbodyh1这是一级标题/h1hrh2align=center这是二级标题并居中/h2imgsrc=spring.gif/body/html2、HTML的头部head设置页面标题title…/title定义元信息metaname=““content=““metahttp-equiv=““content=““嵌入脚本代码script…/script嵌入样式定义style…/style链接外部样式link…背景音乐bgsound/head（1）meta用来描述文档的属性，如作者、关键词列表、日期等简体中文：gb2312繁体中文：big5纯英文网页：iso-8859-1（2）Name用于指定属性名称（3）Content用于指定属性值（4）自动跳转和刷新metahttp-equiv=“refresh”content=“5;URL=网页地址”其意思是该网页只显示5秒，然后自动链接到指定的“网页地址”（5）页面转换特效metahttp-equiv=“page-enter”content=“revealtrans(duration=3,transition=8)”意为进入该页面时，页面将按竖百页窗transition=8形式展开，整个过程历时3秒duration=3。二、1、BODYbgcolor=#FFCCFF“网页背景色彩background=back_image.GIF网页背景图片HelloWorld！/BODY（1）body标记常用的属性bgcolor=“#rrggbb”：设置背景颜色Text=“#rrggbb”：设置文本颜色Link=设置未访问颜色Vlikn=已访问链接色Alikn=选定链接色Background=设置背景图像bgproperties=：背景图片是否固定Leftmargin=num设置页面左边空白Topmargin=num设置页面上方空白bgsoundsrc='EmbedMid.mid'网页背景音乐loop='-1'循环控制（2）字体、字号标题标签H1－H6FONT标签特殊符号（3）行的控制段落标签P换行标签BR（4）标题标签H#.../H##=1,2,3,4,5,6说明：H1到H6字体大小依次递减（5）FONT标签FONTsize=“+2”color=“red”face=“宋体”…/FONT（6）段落标签：HTMLHEADTITLE诗词学习/TITLE/HEADBODYP我是第一段/PP我是第二段/PPalign=left左对齐显示PPalign=center居中显示PPalign=right右对齐显示P/BODY/HTML（7）标记指定格式的文本：标签b、i、big、small、tt、sup、sub和bdo等可以明确将文本的显示格式指定为粗体、斜体、字体增大、缩小、上标、下标、显示方向等特殊显示效果。（8）文字布局：内容分隔HR标签，项目列表和编号，有序列表OL，无序列表UL如何使用内容分隔HR标签：HRsize=5color=redwidth=300（9）列表标记：无序列表ulli…/li…li…/li/ulultype=#,#=disk,circle,square有序列表olli…/li…li…/li/ololtype=#,#=A,a,I,i,1特殊定义列表dldt定义项/dtdd说明/dd…dt定义项/dtdd说明/dd/dlHTMLHEADTITLE诗词学习/TITLE/HEADBODYH1静夜思/H1PRE床前明月光疑是地上霜举头望明月低头思故乡/PRE/BODY/HTML（10）短语类标签包括：acronym标记只取首字母的缩写。如DTDabbr标记任意缩写。如Webdfn标记术语在文档中的第1次出现q标记短的引文cite标记引用的出处或来源em标记强调的文本strong标记语气更为强烈的强调文本del标记被删除的文本ins标记被插入的文本三、图像和超链接1、图像标签：IMG标签用于在HTML文档中插入图像。IMG标签的两个常用属性是SRC和ALIGN。2、图像的基本语法IMGsrc=images（图像的位置）/adv_2.jpgwidth（图像的宽度）=300“height（图像的高度）=150“alt=明星演唱会开幕（为图像添加的提示性文字）……BODYIMGsrc=images/adv_2.jpgalt=明星演唱会开幕width=300height=150/BODY……SRC属性用于指定要插入的图像位置。3、ALIGN属性用于指定图像相对于文本的对齐方式。图像与文本的对齐方式IMGalign=middle（图像与文本居中对齐，还可以取top，bottom值）….BODYAhref=star.htmlIMGalign=middlesrc=images/adv_2.jpgwidth=180height=95border=0//A/BODY……4、嵌入标记：embedembedsrc=来源width=宽度height=高度/embed……BODYembedsrc='EmbedVideo.avi'/embed/BODY……5、视频类型avi、asf、wmv，6、音频类型wav、mid、mp3，Flash动画.swf）7、超级链接：基本格式：ahref=“链接目标”target=“打开方式”显示的热点/a示例：HTMLHEADTITLE链接到其他页面/TITLE/HEADBODYAhref=register/register.html[免费注册]/AAhref=login/login.htm[登录]/A/BODY/HTML8、链接到其他页面相对路径：指定相对于当前文件的文件位置。绝对路径：指定从根目录到文件的完整路径。要链接到同一目录(C:\HTML)下的页面，可编写AHREF=“Doc1.htm”（相对路径名）或AHREF=“C:\html\Doc2.htm”（绝对路径名）示例HTMLHEADTITLE链接到其他页面/TITLE/HEADBODYAhref=#helpme（链接到锚标记所在位置）[新人上路]/A……Aname=helpme（定义锚标记）新人上路指南/A……/BODY/HTML9、链接到同一文档的某个部分：锚记标签用于使用户“跳”到文档的某个部分HTML的NAME属性用于创建锚标记ANAME=“marker”主题名称/A为达到这种跳转效果，请在HREF参数中使用该标记AHREF=“#marker”主题名称/A10、链接到同一文档的各个部分：BODYAHREF=#Lion狮子/ABRAHREF=#Zebra斑马/ABRAHREF=#Cheetah印度豹/ABRANAME=Lion狮子/AP狮子的吼声从八公里之外就能听到！雄狮（很容易从鬃毛识别出雌雄）的重量达250公斤。而雌狮则要轻得多，只有180公斤。BRANAME=Zebra斑马/AP没有任何两匹斑马的斑纹完全一样，因此每匹斑马都是独一无二的。斑马也称为黑白条纹相间的马......