技术-2-1.pptx

2.1 HTML文档及其结构 2.2 常用标记及其属性 2.3 CSS及其应用模式;每一个HTML文档均应以html标记开始，/html标记结束。文档主要包括文档头部和文档主体两大部分。 文档头部部分：许多描述信息如网页标题等，这些信息用户大多看不到。而文档主体部分：各种网页元素及其显示样式的描述，网页设计体验重点在此。;2.1 HTML文档及其结构;2.1 HTML文档及其结构;2.1 HTML文档及其结构;思考：如何管理HTML及其相关文件？合理存储和管理不同类型文件 从技术上，一个Web站点是 ….. ……;2.2.1 文档头部与主体标记 2.2.2 标题与段落标记 2.2.3 图像标记 2.2.4 超链接标记 2.2.5 其他标记（拓展）;2.2.1 文档头部与主体标记;2.2.1 文档头部与主体标记;2.2.2 标题与段落标记;2.2.2 标题与文本标记;2.2.2 标题与文本标记;2.2.2 标题与文本标记;2.2.2 标题与文本标记;htmlheadtitle体验一下，你就设计/title/head body style=background-color:#e6e6fa;color:#191970;font-size:16pt h2 style=background-color:#191970;color:white; 姓名（Name）/h2凯莉·斯威（Kelly Sweet） h2 style=background-color:#191970;color:white; 出生日期（Date of birth）/h2 1988年3月29日 h2 style=background-color:#191970;color:white; 居住地（Residence）/h2Cape Cod, Massachusetts/h2 h2 style=background-color:#191970;color:white; 语录（Quote）/h2音乐并非属于我个人,而是我们所有人心灵 的写照，我很高兴可以用自己的声音将这些美好的事物传达给全世界 h2 style=background-color:#191970;color:white; 人物简介（Profile）/h2 p段落文字内容/pbr /body/html;问题：HTML文档中，若将《I Will Always Love You》写成I Will Always Love You，是否还能正常显示？如果不能，如何解决？同理，若h1写成 h1呢？;1、常用的Web图像类型：JPEG、GIF、PNG 2、图像标记：img标记（单标记），在网页中插入图片，需要通过src属性指定图像文件的位置，通常还需要指出（预留）图像尺寸（所占网页空间）等 属性：src、alt、width、height、align等;html head title体验一下，你就设计/title/head body style=background-color:#fff;color:#f00;font-size:16pt img src=images/KellyPic.jpg alt=Kelly Sweet title=凯莉·斯威 width=439“ height=567 h1 Kelly Sweet br凯莉·斯威/h1 h2Date of birth（出生日期）br1988年3月29日 /h2 h2Residence（居住地）brCape Cod, Massachusetts/h2 h2Quote（语录）br音乐并非属于我个人,…… /h2 h2Profile（人物简介）/h2 p凯莉·斯威是美国歌坛新人 …… /p p千里马终需伯乐慧眼识英雄 ……/p p关于这首歌的小插曲是 …… /p /body/html;2.2.3 图像标记;3、img标记的事件属性：通过案例了解如何响应（通过onmouseover、onclick属性）简单的鼠标动作，如可以测试更新src属性值，即随着鼠标动作变化而更新图像的显示。;示例： a href=””网易/a href属性：设置超链接所指向网页文档的绝对或相对地址 绝对地址：一个完整的网页URL。 （在HTML文档中，不能省略http://） 相对地址：以超链接所在当前网页位置为参照的地址， 可以使用所指向网页文档的文件名或相对路径 target属性：定义超链接指向的网页在打开时的目标窗口 最常用的形式为 target=_blank“; （以下为xp_8.htm中的代码片段） hr si