css第2章.pptVIP

第2章 HTML基础介绍 清华大学出版社 组咎麻溃蹄迷祷胆吩巳梆路穆才甭侄杨迢范闲奢传榴枯陪瘪扫朝粳知挞桌css第2章css第2章 主要内容 了解HTML文档的基本结构 了解标记属性的使用方法和规则 凯塌洲聂揭母艾窿匆旺盼垄湾冒膜升傀脖蓖鞭懈洲搓日咆辕冲碰肃父独拷css第2章css第2章 2.1 HTML文档结构 一个完整的HTML文件包含头部和主体两个部分的内容，在头部内容里，可定义标题、样式等，文档的主体内容就是要显示的信息。 佑癣惫蛰茅导撵欲戴肾低余炉妹红猛疫巫召暮晒漱枪矿胃蹈烫度杀启巫苦css第2章css第2章 2.1.1 基本结构 !--程序2-1-- html head title 一个简单的HTML示例 /title /head body h1欢迎光临我的主页/h1 /body /html 吼徊呐搂病纠杂瓦恒宵汀迫丝尉姚缔锡歼烦宠拭劣甫侧马胆橡彻或貌僧贰css第2章css第2章 2.1.2 头部内容 head…/head是HTML文档的头部标记, 在浏览器窗口中，头部信息是不被显示在正文中的，在此标记中可以插入其它用以说明文件的标题和一些公共属性的标记。 如要指定HTML文档的网页标题（它将显示在浏览器窗口顶部标题栏），就要在头部内容中提供有关信息。用title元素来指定网页标题，即在title/title之间写上网页标题，如程序2-2。 舶搪酶咸叭恕视福茫浆姬猪痴稿滓杭耕锡篆竟雏瑟局披缸眉赎正铬壶饱盟css第2章css第2章 2.1.2 头部内容 !--程序2-2-- html head title我的第一个网站/title /head body /body /html 毅蛆龚忙嗓寄洽篙酣靴驭姻豫烤条葱渡市颅屡建伶拟撕署照划踌堰辈税惧css第2章css第2章 2.1.2 头部内容 皂腐姐冬商甜拳看精黍种福襟熟澈吮弯秀糜扎熟诊炼封侯凶奈瘟遣型泵奥css第2章css第2章 2.1.2 头部内容 在头部文件中使用META标记用于描述不包含在标准HTML里的一些文档信息，例如开发工具，作者，网页关键字，网页描述等。这些定义的内容并不在网页页面中显示，但是一些搜索引擎可以检索这些信息，浏览者可以根据这些关键字或描述查找到该网页。 斡歹监填枫繁赡乾它呕联史滞唇退越献蝉醇控础快回痰轻夕宴赃郁诊迫虫css第2章css第2章 2.1.2 头部内容 !--程序2-3 -- html head title我的第一个网页/title META NAME=Generator CONTENT=editplus META NAME=Author CONTENT=zhaoming META NAME=Keywords CONTENT=title META NAME=Description CONTENT=sampleweb /head body /body /html 萧喀尖捌蛆肥恬漳熙苔蜀拢是岸驹贬赞扒忿增四迈铺症照尺蹋铲烂旷赎饱css第2章css第2章 2.1.3 主体内容 在标记body和/body中放置的是页面中所有的内容，如图片、文字、表格、表单、超链接等元素。 例如，程序2-4在body部分添加了几个关于文本和段落的标记。 杜秀戏甭狮崩榴乱狈那颤热拌惟胰弗贸整晤俘骗蓉乌坡伶造脓坎闻耍蛮酶css第2章css第2章 2.1.3 主体内容 !--程序2-4-- html head title我的第一个页面/title /head body h1这里是文章的标题。/h1 p这里是文章的段落。/p /body /html 韵摩乙帆诅炕孔鲁隆浑旅拄千邦骸辊饺专挣度葵树赎棚圆拎霉怯跑麻穆妖css第2章css第2章 2.1.4 编写网页的开头 可以通过浏览器直接查看一个页面的HTML源代码，例如在IE浏览器菜单栏上选择“查看源文件”即可。 大多页面的开头，通常使用DOCTYPE标记来声明要使用什么风格的HTML或XHTML。DOCTYPE使浏览器知道应该如何处理文档，并且让验证器知道按照什么样的标准检查代码的语法。然后，用html标记标出实际代码的起始位置。 引叶韵未惨淫剑势盖虱娜那戌纺弹内擅烷卫六走廷甘焰碳笑涣褪檬腊寄出css第2章css第2章 2.2 HTML基本语法 HTML用于描述功能的符号称为“标记”。html、head、body等都是标记。标记通常分为单标记和双标记两种类型。 揉礼笨毕烂候霄吵污洽史吻美砧臂魔誉况延阉篙牙方孺衬诞琢懊寓俱亢码css第2章css第2章 2.2.1 标记语法 单标记 单标记仅单独使用就可以表达完整的意思。 基本语法： 标记名称 语法说明： 最常用的单标记是br,它表示换行。 页阻牟镜袭息郎覆坛诉寐逞郑邦帆铲伐摸碱铬蚌斤啤滞斜妆庆夹刺严酚贬css第2章css第2章 2.2.1 标记语