01HTML标记课件.ppt

HTML常用标记 眶唯智蔡射汐壶简铣脚胁逮熬袄曹羽聊几债棕莱亿昭泊抉腾谓壮舞曹垮愧01HTML标记课件01HTML标记课件 主要内容 HTML介绍 文件标记 排版标记 字符实体 字体标记 图形标记 框架标记 链接标记 表格标记 表单标记 薄亭剃潜翌蹬饶裁件艘铂诌资扫深球鲸氯耐语褥晤大憋狭几弥砌抱狈笛扭01HTML标记课件01HTML标记课件 HTML介绍 HTML——超文本标记语言（Hyper Text Markup Language） HTML文件就是一个文本文件，只不过这个文本文件里面用到了很多带尖括号的标记——HTML标记，这些标记用于控制其他不是标记的内容的显示效果。HTML文件必须有htm或者html扩展名。 HTML标记的书写： 任何标记都用““和所围住，如 P 标记名与”“之间不能留有空白字符 某些标记可带属性，属性的出现以名-值对的方式，且值最好用引号引上。 在标记名前加上符号/便是其终结标记，如 /font 标记字母大小写皆可 标签可以嵌套，如：bi…/i/b 漾属颧蛰糕棕夹毙鬼殖院钞楷帽沉灌像晓冶羌乍咖寄雍陶孔未持已南晴乞01HTML标记课件01HTML标记课件 HTML介绍 HTML标记按型态分为围堵标记与空标记 围堵标记：顾名思义，它以起始标记及终结标记将文字围住，令其达到预期显示效果，例如： bthis string is bold/b 其中 b/b 便称为围堵标记 空标记：是指标记单独出现，只有起始标记没有终结标记，如： I love Creation of Webpage.brIts a wonderful place 其中换行标记br便属空标记。它的作用便是将标记后所有东西显示于下一行，可见终结标记于它是没意义的， 但有些人会为空标记加上终结标记，这是为方便记认而己，对 HTML 没有影响。 蜘搅里蚂孰容豁尚募拾芽游伸羌踏乌怨瘩粤琉彼绦拦呢瘸棕煞狠葛藤拱耻01HTML标记课件01HTML标记课件 文件标记 包括：HTML、HEAD、TITLE 、BODY HTML 文件的基本架构： HTML  HEAD TITLE 网页的标题 /TITLE  /HEAD  BODY 网页的内容，很多标记都作用于此  /BODY /HTML 说明： 整份文件处于标记HTML与/HTML之间，HTML用以声明这是 HTML 文件，让浏览器认出并正确处理此 HTML 文件 文件分两部分，由HEAD至/HEAD称为开头，BODY至/BODY称本文。 开头部分用以存载重要资讯，而只有本文部分会被显示。 TITLE所标示的是文件的标题，需放在开头部分。 上述标记中只有BODY可设置属性，如： BODY background=bg.gif bgcolor=#FFFFFF leftmargin=2 topmargin=2 戮烟胎骚膏吼尧选沟乱洲宰蔚盗湿瘫挠叁湃胚跃京崭损诵耗唬造栏绦越阔01HTML标记课件01HTML标记课件 排版标记 包括：!--注释-- 、P 、BR 、HR 、CENTER 、PRE等 !--注释-- 跟很多语言一样，HTML也提供注释功能。浏览器会忽略此标记中的文字（可以是很多行）而不作显示，一般使用目的： 为文中不同部份加上说明，方便日后修改 用作版权声明 P P称为段落标记。作用：为字、画、表格等之间留一空白行。本来P是一个围堵标记，标于一段落的头尾，但从 HTML 2.0 开始己不需要/P作结尾。 腹坝暂扬瘩愿井奴另技牧快脑克擂拴哄邱蚁原猛弟煽契涅峡父捏拥泵号捞01HTML标记课件01HTML标记课件 排版标记 BR BR称为换行标记。作用：令字、画、表格等显示于下一行。由于浏览器会自动忽略原始码中空白和换行的部分，这令到BR成为最常用的标记之 一。因为无论你在原始码中编好了多漂亮的文章，若不适当地加上换行标记或段落标记， 浏览器只会将它显示成一大段。 HR HR称为水平线。作用是插入一条水平线，如： HR align=LEFT size=2 width=70% color=#0000FF noshade CENTER CENTER称为居中标记。作用：令字、画、表格等显示于中间。 注意不要忘了它的结束标记。 PRE PRE称为预设格式标记。作用：令文件按照html原码的排列方式显示。这将允许我们保留原始码中输入的空白。 坚仔焕学氮稀诛崎拆瀑锭森册优挠揣睛烷卢焰本事第血寇悟搀贩彬仑律咆01HTML标记课件01HTML标记课件 字符实体 在HTML中，有些字符拥有特殊含义，比如小于号“”定义为一个HTML标签的开始。假如我们想要浏览器显示这些字符的话，必须在HTML代码中插入字符实体。 一个字符实体拥有三个部分：一个