HTML的基础知识(相对路径和绝对路径详解)

结构标准(html->搭建网页结构) 表现标准(css->美化网页) 行为标准(JavaScript->给予一定的动作事件)         HTML:Hyper Text Markup Language（超文本标记语言） 超文本：在网页中能够实现页面跳转的文字（超链接） 标记：指的是在网页中的html标签

DOCTYPE 标签：告诉浏览器当前文档的类型。 html标签：结构中的根标签 head 标签：可以设置网页样式，可以设置网页标题,设置网页关键字，网页描述信息，js代码 title标签：用来设置标题 body标签：指的是网页的主体（我们看到的所有信息都要放到body标签中）

双标签：有开始和结束标签 例如：head body html p 单标签：只有开始没有结束 例如：meta hr br

并列关系（兄弟） 包含关系（父子）

水平线标签 设置网页编码 换行标签 注释标签

标题标签~

注意：一个页面中只能使用一个标签，该标签常常被用在网站的Logo部分          禁止使用h标签设置文字加粗或更改文字大小 段落标签

内容 文本样式标签内容 用来控制网页中文本的字体，颜色，字号。在其中添加属性即可 文本格式化标签(突出显示信息) 加粗 加下划线 以斜体方式显示 加删除线 图片标签：属于多媒体标签，有自己的缩放比例关系

该语法中src属性用于指定图像文件的路径和文件名，他是img标签的必须属性 相关属性： title="":设置鼠标悬停到图片上的文字提示 alt="":设置图片的描述信息或者图片加载失败时的替换文本，为搜索引擎提供服务的。 width=""，height="":设置宽高，如果只设置一个，另外一个按比例放大和缩小，后面不带px。 无语义的标签，一般在CSS使用 用于网页布局

凡是带有磁盘目录或者网站地址的路径

1.相对路径必须保证在同一根目录下 2.没有具体的磁盘目录或者网站地址的路径

target的取值有_self(默认为在原窗口打开)和_blank(在新窗口打开)。 如果是大型网站，优化方式为：

title：设置鼠标悬停到超链接上的文字提示 注意：暂时没有确定链接目标时，通常将标签的href的属性值定义为"#",表示该链接暂时为一个空链接。

直接设置href的值为="#" 锚链接

特殊字符

概念:根据内容的结构化(内容语义化)，选择合适的标签(代码语义化) 作用：网页的语义性更明确(搜索引擎)        ：网页结构更合理等 实现: 选择有语义的标签 在语义不明确的时候，要选择有语义的标签 如果要设置样式，推荐使用css。 语义标签（用于网页布局） 表示的就是导航区域 在网页布局中的头部 在网页布局中的结尾部分 用来表示一篇文章 在网页布局中侧边栏部分 用来表示一块区域。 总结： 该标签的用法与div用法一样 该标签有语义，div没有