**并列关系:**类似与兄弟之间的关系

##4、html标签分类
1、HTML标记—双标记

– 双标记也称体标记,是指由开始和结束两个标记符组成的标记。其基本语法格式如下:
<标记名></标记名>
该语法中“<标记名>”表示该标记的作用开始,一般称为“开始标记(start tag)”,“</标记名>” 表示该标
记的作用结束,一般称为“结束标记(end tag)”。和开始标记相比,结束标记只是在前面加了一个关闭符“/”。

2、HTML标记—单标记

– 单标记也称空标记,是指用一个标记符号即可完整地描述某个功能的标记。其基本语法格式如下:
<标记名/>

##5、单标记详解
1、水平线标记


– 在网页中常常看到一些水平线将段落与段落之间隔开,使得文档结构清晰,层次分明。这些水平线可以通过
插入图片实现,也可以简单地通过标记来完成,


就是创建横跨网页水平线的标记。其基本语法格式如下:


是单标记,在网页中输入一个


,就添加了一条默认样式的水平线。

2、HTML标记—注释标记

– 在HTML中还有一种特殊的标记——注释标记。如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示
在页面中的注释文字,就需要使用注释标记。其基本语法格式如下:

– 注释内容不会显示在浏览器窗口中,但是作为HTML文档内容的一部分,也会被下载到用户的计算机上,查看
源代码时就可以看到。

3、换行标记

–在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后自动换行。如果希望某段文
本强制换行显示,就需要使用换行标记
,这时如果还像在word中直接敲回车键换行就不起作用了。

4、图像标记

– HTML网页中任何元素的实现都要依靠HTML标记,要想在网页中显示图像就需要使用图像标记,接下来将详细

介绍图像标记以及和他相关的属性。其基本语法格式如下:


– 该语法中src属性用于指定图像文件的路径和文件名,他是img标记的必需属性。相对路径

相对路径不带有盘符,通常是以HTML网页文件为起点,通过层级关系描述目标图像的位置。

eg:


相对路径设置分为以下三种:   

– 图像文件和html文件位于同一文件夹:只需输入图像文件的名称即可,如


– 图像文件位于html文件的下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,如


– 图像文件位于html文件的上一级文件夹:在文件名之前加入“…/” ,如果是上两级,则需要使用 “…/ …/”,以此类推,如


绝对路径

绝对路径一般是指带有盘符的路径。   

eg: “D:\HTML+CSS网页制作\chapter02\img\logo.gif”, 或完整的网络地址,例如“http://www.baidu.com/images/logo.gif”。

##6、双标记详解

1、段落标记

– 在网页中要把文字有条理地显示出来,离不开段落标记,就如同我们平常写文章一样,整个网页也可以分为
若干个段落,而段落的标记就是

是HTML文档中最常见的标记,默认情况下,文本在一个段落中会根据浏览器窗口的大小自动换行。

2、标题标记

– 为了使网页更具有语义化,我们经常会在页面中用到标题标记,HTML提供了6个等级的标题,即

,从

重要性递减。其基本语法格式如下:
标题文本

3、文本样式标记

– 多种多样的文字效果可以使网页变得更加绚丽,为此HTML提供了文本样式标记,用来控制网页中文本
的字体、字号和颜色。其基本语法格式如下:
文本内容

4、文本格式化标记

– 在网页中,有时需要为文字设置粗体、斜体或下划线效果,这时就需要用到HTML中的文本格式化标记,使文
字以特殊的方式显示。
文本格式化常用标记:

7、超链接

1、创建超链接

– 在HTML中创建超链接非常简单,只需用标记环绕需要被链接的对象即可,其基本语法格式如下:
文本或图像 – 在上面的语法中,标记是一个行内标记,用于定义超链接,href和target为其常用属性,下面对它们进
行具体地解释。

2、超链接属性

– href:用于指定链接目标的url地址,当为标记应用href属性时,它就具有了超链接的功能。
– target:用于指定链接页面的打开方式,其取值有_self和_blank两种,其中_self为默认值,_blank为在
新窗口中打开方式。
– 可以设置整体链接的打开状态

3、超链接注意事项

注意:
– 暂时没有确定链接目标时,通常将标记的href属性值定义为“#”(即href=“#”),表示该链接暂时为一个
空链接。
– 不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频、视频等都可以添加超链接。

4、锚点链接

通过创建锚点链接,用户能够快速定位到目标内容。
创建锚点链接分为两步:
– 使用“链接文本”创建链接文本。
– 使用相应的id名标注跳转目标的位置。

##8、特殊符号标记

如何混淆java代码中html页面中的js代码_面试


##9、标签语义化

  • 标签语义化概念:根据内容的结构化(内容语义化),选择合适的标签(代码语义化)
  • 标签语义化意义:
    1:网页结构合理
    2:有利于seo:和搜索引擎建立良好沟通,有了良好的结构和语义你的网页内容自然容易被搜索引擎抓取;