第02章-HTML元素.pptxVIP

《商务网站设计与开发》第2章 HTML元素温浩宇西安电子科技大学内容2.1 文本元素在HTML中，文本元素（Text-level semantics）用来定义网页中文本内容和语义，增加文字的易读性。文本元素主要包括a、em、strong、small、s、cite、q、dfn、abbr、time、code、var、samp、kbd、sub、sup、i、b、u、mark、ruby、rb、rt、rtc、rp、bdi、bdo、span、br、wbr等。虽然文本的显示样式通常是由CSS来定义，但文本元素的语义也会影响文本的显示风格，比如上标（sup）、下标（sub）等文本。2.1 文本元素htmlbody emem定义强调文本，显示为斜体字/em br strongstrong定义强调文本，显示为粗体/strong br smallsmall定义小号文本/small br ss定义加删除线的文本/s br sub定义下标文本，比如asub2/sub br sup定义上标文本，比如asup2/sup br ii定义斜体文本/i br bb定义粗体文本/b br uu定义下划线文本/u br markmark定义有加亮记号的文本/mark/body/html2.1 文本元素htmlbody ruby中 rtzhong /rt文 rtwen /rt /ruby/body/html2.2 群组元素在HTML中，群组元素（Grouping content）用来定义网页中具有关联性的内容和语义。群组元素主要包括p、hr、pre、blockquote、ol、ul、li、dl、dt、dd、figure、figcaption、div、main等。与文本元素一样，群组元素的语义也会影响显示风格，比如多个列表项元素在显示时通常会在前面加上数字序号或图形符号。2.2 群组元素htmlbody p这是段落。/p phr 标签定义水平线：/p hr / ppre 标签很适合显示计算机代码：/p pre for i = 1 to 10 print i next i/pre blockquote段落前面有缩进……/blockquote/body/html2.2 群组元素htmlbody ol li咖啡/li li牛奶/li li茶/li /ol ul li咖啡/li li茶 ul li红茶/li li绿茶/li /ul /li li牛奶/li /ul/body/html2.2 群组元素htmlbody h2一个定义列表：/h2 dl dt计算机/dt dd用来计算的仪器 ... .../dd dt显示器/dt dd以视觉方式显示信息的装置 ... .../dd /dl/body/html2.2 群组元素div元素div元素用来将页面内容分割成各个独立的部分。在每个div元素中，不仅可以包含文本内容，也可以包含图片、表单等其他内容。在默认的情况下，div元素所包含的内容，将在新的一行显示。属性描述dir设置文本显示方向lang设置语言class类属性style设置级联样式title标题属性nowrap取消自动换行id标记属性2.2 群组元素div class=”定义的类的名称”……/divdiv id=”定义的名称”……/divdiv style=”定义的样式”……/divdiv nowrap=”nowrap”……/divdiv title=”标题内容”……/divdiv id=header .../div div id=footer .../div 2.3 超链接元素网页之间的链接（Links）能使浏览者从一个页面跳转到另一个页面，实现文档互联、网站互联。超链接就像整个网站的神经细胞，把各种信息有机地结合在一起。在HTML中，超链接可以通过a元素和嵌套在map元素内部的area元素来实现。关于area元素将在嵌入式元素中展开描述，本节将主要讨论a元素。2.3 超链接元素属性描述href链接的目标 URL。hreflang规定目标 URL 的基准语言。仅在 href 属性存在时使用。media规定目标 URL 的媒介类型。默认值：all。仅在 href 属性存在时使用。rel规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。target在何处打开目标 URL。仅在 href 属性存在时使用。type规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。注：MIME = Multipurpose Internet Mail Extensions。2.3 超链接元素文本链接是最常见的一种超链接，它通过网页中的文件和其他文件进行链接，语法如下：a href=链接的URL地址 target=目标窗口的打开方式链接元素/a 链接元素可以是文字