他的回复:
华为ID:hw31820461第三章 常用标签一、基本结构l HTML文档基本结构 Document 二、标题1、语义化(标签包含特定的含义) 语义:指对一个词或者句子含义的正确解释eg :h1标签的语义就是用它来标识特定网页或部分最重要的标题2、为什么要语义化(语义化就是对数据和信息进行处理,使得机器可以理解.)a) 代码结构:可以呈现很好的内容结构b) 有利于SEO(Search Engine Optimization) 搜索引擎优化:爬虫依赖标签来确定关键字的权重,因此可以和搜索引擎建立良好的沟通,帮助爬虫抓取更多的有效信息c) 提升用户体验d) 便于团队开发和维护e) 方便其他设备解析3、标题标签h1~h6共6个等级网页标题,其中重要性最高,的重要性最低;每个标签单独占据一行;一个HTML文档中,一般只有一个标签。三、段落段落元素paragraphl 用于定义段落,浏览器会自动在其前后创建一些空白;l 其中的文字行数取决于窗口的宽度;l 其中的连续空格最终将被解析成一个空格(空格: )。l 自身带有一定的样式四、结构标签div标签(无语义)l div是division的含义,用于划分区域,代表网页中的块,一般叫做块标签;l div标签通常用于包围大块内容,没有任何特殊的含义;l div适合作为最通用的页面容器;l div是块级元素;l 独占一行span标签(无语义)l span是内联标签,用在一行文本中,用来修饰文字;l span是内联元素。l 取决于窗口的宽度。结构l div标签和span标签均可以有嵌套关系,但是不改变标签其本身性质。五、链接 链接l 链接是HTML页面非常重要的一环,如果没有链接,每个HTML页面将会孤独的存在,与其他页面将不会有联系。链接标签l 标签是anchor的缩写,用于定义网页链接链接属性l href属性表示链接的地址,可以是相对地址或者绝对地址。l target属性表示点击链接后打开的方式,即在何处打开链接文档。默认值为“_self”,代表在当前窗口打开新连接;还可以设置成“_blank”,代表在新的窗口中打开新链接。l _blank浏览器总在一个新打开、未命名的窗口中载入目标文档。l _self这个目标的值对所有没有指定目标的 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 标签中的 target 属性一起使用。l _parent这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。l _top这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。示例l xxx标签l 使用该标签统一设置通用属性值,在标签中设置。如:空连接:在点击后无任何变化(不常用)l 作用:作为按钮l 空连接l 空连接1六、图片 图片标签l img标签用于定义一张图片,属于单标签l 图片的地址可以是相对路径,也可以是绝对路径;l alt属性不要省略,目的是更好的兼容无图浏览器,图片会提示成alt属性内的文字;l 在img标签上,还可以增加height、width属性设置图片的高和宽。绝对路径和相对路径l 绝对路径:从根目录为起点到你所在的目录完整的描述文件位置的路径就是绝对路径;网站中类似以http://www.pckings.net/img/photo.jpg 这种也是绝对路径l 相对路径:从一个目录为起点到你所在的目录即自己相对于目标位置:../img/photo.jpg 或 ../../img/images/photo.jpg 属性l l alt: 当图片显示出错时,页面出现的友好提示width height:图片的宽高;title:图片标题。鼠标移入图片后,鼠标下方显示;src:图片所在路径(包括相对路径和绝对路径)l 标签内属性值的与顺序无关七、列表:无序列表、有序列表、自定义列表无需列表(ul: unordered list):结合使用(list item)l 属性值: compact:compact(小型的;袖珍的;紧凑的;体积小的;紧密的;坚实的) 规定列表顺序为降序。(9、8、7……) type:规定列表的项目符号的类型disc:黑色实心圆(默认)square:黑色实心方块circle:空心圆none:无样式有序列表(ol: order list):结合使用(list item)l 属性值: reversed:reversed 规定列表顺序为降序。(9、8、7……) start:number 规定有序列表的起始值。 type:1(默认)、A、a、I、I 固定在列表中使用的标记类型 自定义列表(dl):definition list 结合(定义列表中的项目) (描述列表中的项目)使用。 第四章 表格标签一、表格标签 表格元素l 表格用标签定义,里面由若干行和列的单元格组成l 在表格元素中,代表行、代表列l 用标签定义表格的标题l 如: 标题 //表格的行 //表格的列 结构l 表格的头部 (只能出现一次);标签内样式不受table属性值影响l 主体l 底部属性l border 设置边框l width/height 设置表格宽和高度其他标签l 代表表头l 列l 一组 //span设置列的数量 标签为列标签l 属性:colspan:定义单元格跨行(合并列)rowsoan:定义单元格跨列(合并行)cellspacing :表格间的间隙 cellspacing = “0”cellpadding : 单元格内边距align : 表格内容左右对齐方式 left 、center、 rightvalign : 表格内容上下对齐方式 top、center、bottom