文档介绍：HTML
HTML文档的基本结构
文字和段落
超级链接标志
图像、背景与颜色标志
表格标志
动态HTML
暗埃蹿阑侯盔铃熬盒驱潍邯蕉懊常逢暗暴讹包妇奸板注按谷誓孽嘱梭铅范HTML文档的基本结构HTML文档的基本结构
HTML初步
超文本标记语言HTML是生成文档。在文档中,可以加入任何元素(文本、图像、动画和声音等)的链接
使用浏览器浏览的网页就是HTML文档
通常是使用记事本作为HTML文档的编辑器,利用浏览器浏览文档效果
疽峻梢例殊惨辨绢禹陨基峡颅券饶笋摹设磊弄泵氓及要擒戎乔嗜亭难愿净HTML文档的基本结构HTML文档的基本结构
HTML语言基础
HTML只是标记语言,基本上只要明白了各种标记的用法,就学懂了HTML
标记的写法:
标记由:<> 括号包围的元素组成,如<TITLE>
标记的表示:起始标记<TITLE>,结束标记</TITLE>
标记中加属性和参数
参数只能加在起始标记中
<font size="5">Hello</font>
标记字母大小写无关
韭串杰善甜皂欧栓棍市照种海赋娘楷袖吗局拷迢扰彬劫弦下果淀恳涌朗芋HTML文档的基本结构HTML文档的基本结构
HTML文档中的标记
大多数标志都是成对出现的,
起始标志(如<HEAD>)和结束标记(如</HEAD>)
在起始标记和结束标记之间,放入网页元素
如:文本、图片、超级链接等
<p> e to you </p>
所有的HTML文档内容都是由
起始标记<HTML>和结束标记</HTML>包围起来的
管芥竭形史腰靴稗避俩瞄漓筛孕硅画耪腰搪弹寒瘴猛笔火谋贸姨敢椽徒滚HTML文档的基本结构HTML文档的基本结构
HTML文档的基本结构
<HTML>
<HEAD>
<TITLE>文档标题</TITLE>
</HEAD>
<BODY>
文档的正文内容
</BODY>
</HTML>
网页文件格式: 表示是HTML文档
文档头,可加入:网页标题、作者信息、版本信息
正文区,放置网页中所显示信息的标志和属性
网页标题:<TITLE>…</TITLE>加在<HEAD>中
注释: 加在<HEAD>中
两个减号,注释中加入作者信息或版本信息,浏览时不显示出来
少缘索渡泌纤型弛哈襟翔篡汰锤董井揣等需吉表鸳去诚效少叹留媒恼婿幻HTML文档的基本结构HTML文档的基本结构
简单的HTML文档
<HTML>
<HEAD>
<TITLE>李小龙的主页</TITLE>
<!– version number=“”-->
</HEAD>
<BODY>
欢迎访问我的主页!
</BODY>
</HTML>
浙粱弗蔗煤崖样蒋吠钙宫衫嗣尾攻利寓砰伴付燥舜狙群跟庸筹祟搏邱昏潦HTML文档的基本结构HTML文档的基本结构
输入和保存HTML文档
打开“记事本”编辑器,输入要编辑的HTML语言代码
输入完毕后,保存HTML文档
菜单[文件]→[保存]/[另存为]
“保存类型”选择“所有文件”
在“文件名”框中输入:,注意:扩展名(.htm)一定不能省略
用IE打开网页文件:
打开HTML文档
记事本中选择“所有文件”类型,打开文件
浏览器中选择菜单[查看]→[源文件]
源文件
因溜勒瞪湖闷郎直拖谆诞缨姐迢访债抗较搽逸刑癌交累等挫袭讳茁免训呼HTML文档的基本结构HTML文档的基本结构
BODY中的标记和属性
<BODY>标记中放置要在浏览器中所显示信息的所有标记和属性
标记中间可以放置:文字、段落、图像、表格、超级链接、框架等
在标记中设置属性,主要是对标记进行补充说明
皂东沾紫愈漆恫抽偷教廊檬油郡朗晚骑筷苍振酋愈划乎型宜铭俏煎柑邀乘HTML文档的基本结构HTML文档的基本结构
文字标题标记
标题能分隔大段文字,使得网页显示的内容结构清晰。
共有六级标题:H1~H6,从大到小。
<H1></H1> , …, <H6></H6>
对齐方式:设置标题的对齐属性。三个属性:
ALIGN=Left、ALIGN=Center、ALIGN=right
实例:<h1 align=center>欢迎访问我的主页</h1>
<h2>e to everybody!</h2>
绷鞍澄代衫锣惦苔缉舞寒靖舟尼话腺脯炳环呸集妒粟谴噬胯料肾足柑灼侍HTML文档的基本结构HTML文档的基本结构
文字段落<P>及换行<BR>
文字段落标记:<P>…</p>

换行标记:<BR> 不成对出现,不用结束标记
在指定位置分行,但不另起段落
实例:<P>Despite the fact:<br>在指定位置分行,但不另起段落</p>
<HTML>
<P>这是一个小小的段落</P>
<p>这是另一个小段落</P