HTML基础-常用标签及语法.pdf

HHTTMMLL基基础础--常常⽤⽤标标签签及及语语法法 注注释释 HTML注释语法，VS code 快捷键 【Ctr + /】 ： !--书写注释内容 -- 标标题题标标签签 标题 （Heading），是通过 h1-h6 六个标签分别来对六个级别的标题进⾏定义的。标题标签只是给标签内部的元素内容添加对应级别标题的 语义，样式由CSS设定，标签之间不能相互嵌套，权重从 h1 向 h6 依次递减。 注意 ： h1 在整个HTML中的权重⾮常⾼，内部应该放置HTML中最重要的内容，⽐如 ogo。 h1 由于⾮常重要，内部的⽂字对于提⾼有哪些信誉好的足球投注网站引 擎排名也⾮常重要，为了防⽌作弊，如果 ⼀个页⾯出现多个 h1 ，反⽽降低权重。 约定俗成的，⼀个页⾯中只会出现⼀个 h1 。 h1⼀级标题/h1 h2⼆级标题/h2 h3三级标题/h3 h4四级标题/h4 h5五级标题/h5 h6六级标题/h6 段段落落标标签签与与换换⾏⾏标标签签 段落 （paragraph），是通过 p 标签进⾏定义的。 p 标签是双标签，且为⽂本级标签。内部只能放置⽂本、图⽚、表单元素，或者废弃的 font 标签等。 p 标签的作⽤是给标签内部的内容添加⼀个完整段落的语义，不负责内容 ⾃动换⾏的样式。 换⾏的效果是由css决定的。 p这是⼀个段落/p （breaking）标签是HTML中⼀个简单的换⾏符。 br / 标签是⼀个单标签。 在需要换⾏的位置可以使⽤ br / 标签书写，但是 br / 与 p 不 同， br / 没有建⽴新的 段落的语义，只是简单的进⾏强制换⾏。 p这是第⼀br /个段落/p p这是第⼆个段落/p ⽂⽂本本格格式式化化标标签签 HTML中有部分标签是⽤来对⽂字进⾏格式化显⽰设置的，⽐如粗体和斜体等。⽂本格式化的标签均为双标签，且为⽂本级标签，内部只能书写⽂ 字。在HTML4.0版本规范后，结构和样式进⾏了分离，⼤部分⽂本格式化标签被废弃， b i u em shrong 相对⽐较常⽤。 ⽂本格式化标签 图图像像标标签签 图像 （image）由 img 标签进⾏定义。 img 标签是单标签，本⾝相当于⼀个特殊的⽂本，作⽤是在指定的位置插⼊⼀张图⽚。在HTML⽂ 件，常⽤的插⼊图⽚的类型有 ：j pg、png、gif。由于 img 为单标签，所以它只能通过属性进⾏相关的图像设置。 img标签常⽤属性 如果需要插⼊⼀张图⽚到HTML中， img 标签必须设置src属性。 src ：全称source资源，属性值是图⽚查找的路径。 路路径径 （（相相对对路路径径与与绝绝对对路路径径）） 路径指的是寻找⽂件时所历经的线路，在HTML中有特殊的书写语法。 路径分为相对路径和绝对路径，不同的⽅式出发点和参考位置不同。 相相对对路路径径 相对路径查找⽂件时，需要从HTML⽂件本⾝出发，根据相对的位置进⾏查找，包含三种⽅向。 同级查找 ：指 ⽬标⽂件与HTML⽂件位于同⼀级，直接书写⽂件名+后缀格式； img src=smile01 j pg ⼦级查找 ：指 ⽬标⽂件在与HTML⽂件同⼀级的⽂件夹的内部，需要先查找⽂件夹名称，然后通过关闭 符号/进⼊⽂件夹查找⾥⾯的⽂件 ；如 果有多层⽂件夹，需要/进⼊多层。 img src=images/smile02 png img src=images/tupian/smile03 j pg 上级查找 ：指 ⽬标⽂件在HTML⽂件所在⽂件夹的更上⼀级，需要跳出当前⽂件夹到上⼀层，路径写法 利⽤../表⽰跳出⼀级，如果跳出多级书 写多次../ ，直到找到⽂件。 img src= / /smile04 j pg / img src= /images/smile01 j pg / 绝绝对对路路径径 绝对路径查找⽂件时，不需要从HTML⽂件出发，⽽是直接从电脑的盘符出发进⾏查找，或者 使⽤⽹址形式查找。 盘符出发 ：例如从c盘或者d盘出发查找图⽚，书写时以c:/开头，后续类似⼦级查找写法直⾄找到 ⽬标⽂件。 （不可移植，不可移动，中⽂路径 容易出错） img src=C :/Users/teacher/Documents/html/case/images/smile02