整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
1.1页面基础元素：<html>
<html>是页面的基础元素，主要用来定义页面的开始和结束部分。元素语法结构如下<html>....</html>（开头标记为<>,结束标记为</html>）先介绍一下完整的HTML文件的基本结构
<html> 文件开始标记
<head> 文件头开始标记
......... 文件头部分的内容
</head> 文件头结束标记
<body> 文件主体开始标记
......... 文件主题部分的内容
</head> 文件主题结束标记
</html> 文件结束标记
在<html>和</html>之间写入想要编辑的页面内容就构成了一个简单的页面
1.1.1 文本显示方向属性：dir
【作用与语法】dir属性用来指定浏览器文本显示的方向，同时也决定浏览器滚条的位置。dir属性的语法结构如下
<html dir="浏览器中文本的方向">......</html>(在元素名称和属性之间要加入空格)
dir属性可以取两个值，ltr（left title right）和rtl（right title left），分别表示从左向右显示和从右向左显示
1.1.2 指定语言属性：lang
【作用与语法】lang属性用来指定文档中所使用的语言。lang属性的语法结构如下
<html lang="指定的语言">包含的内容部分</html>
lang属性的取值可以使用ISO标准中的语言代码。在<html>元素中加入lang属性，使浏览器更好的显示界面，并不会更改页面的文字编码
ISO标准中语言代码的取值及含义语言名称写法语言名称写法英语en法语fr汉语zh德语de日语ja意大利语it
1.2 页面头部元素：<head>
【作用与语法】HTML的头部元素是以<head>为开始标记，以</head>为结束标记。它用于包含当前文档的相关信息，可包含<title>元素、<meta>元素等，分别用来定义页面的标题、编码。使用<head>元素可以将基本信息部分和页面主体内容区分开来。<head>元素的语法结构如下
<head>......</head>
1.3 页面标题元素：<title>
【作用与语法】HTML页面的标题一般是用来说明页面用途的，它显示在浏览器的标题栏中。在HTML文档中，标题信息设置在页面的头部，也就是<head>和</head>之间。<title>元素的语法结构如下。
<title>......</title> (说明：在标记中间的“......”就是标题的内容，它位于HTML文档的头部，即<head>和</head>之间)
1.4 元信息元素：<meta>
【作用与语法】元信息元素<meta>用来定义页面的附加信息，其中包括页面的作者、版权、关键字等相关信息。<meta>元素的语法结构如下。
<meta 属性=“属性值”/>
<meta>元素是一个自封闭的元素，通过其中的属性来添加各种附加信息。<meta>元素在不适用任何属性时，对页面没有影响。
1.4.1 元信息元素名称属性：name
【作用与语法】name属性用来制定文档中附加信息的名称。例如，最常用的值“keywords”用来定义文档中的关键字，方便搜索引擎的搜索。name属性的语法结构如下。
<meta name="信息名称"/>
在<meta>元素中，名称必须对应有相关的值才能生效
1.4.2 元信息元素的值：content
【作用与语法】content属性用来指定文档中附加信息的值，它与name属性成对出现。content属性的语法结构如下
<meta name="信息名称" conten="附加信息的值"/>
<meta>元素中所定义的“keywords”信息是用来为搜索引擎定义关键字的，所以对页面显示效果并不产生影响，故页面显示效果并无太大变化
1.4.3 元信息元素的附加属性：http-equiv
【作用与语法】http-equiv属性和name属性类似，用来指定附加信息的名称。在浏览器加载页面之前，服务器会把http-equiv属性定义的相关信息发送给浏览器，便于在浏览器中正确显示页面。http-equiv属性的语法结构如下
【作用与语法】<meta http-equiv="信息名称"，content="附加信息的值">
说明：和name属性相似，http-equiv属性一般要和conten属性成对出现
1.4.4 定义页面的跳转
【作用与语法】在浏览器网页的时候经常会看到一些欢迎信息的页面，并经过一段时间后，这一页面会自动转到其他页面，这就是网页的跳转。使用HTML中的HTTP代码就可以很轻松的实现这一功能。页面跳转的语法结构
<meta http-equiv="refresh" content="跳转时间"；url="链接地址">
说明：在该语法中，refresh表示网页的刷新，而在content中则设定刷新的时间和刷新后的地址，时间和链接地址之间用分号相隔。默认情况下，跳转时间是以秒为单位的
1.5 基本设置元素：<base>
在HTML中，基本设置元素<base>使用来定义相对路径的根目录。使用<base>元素，可以方便的定义页面中的超级链接。语法结构如下
<base 属性="属性值"/>
<base>元素在不使用任何属性时，对页面没有影响。<base>元素中可以使用的属性有链接路径属性href和链接窗口属性target
1.5.1 链接路径属性：href
【作用与语法】href属性用来指定文档中相对链接的根目录。文档中的所有链接(包括图片、音频等内容)都按照href属性所指定的根目录显示。href属性的语法结构如下
<base href="指定路径">包含的内容部分</base>
href属性的取值为url值。它可以使用绝对路径，也可以指
向某个文件夹。
.注释标记(<!--…-->)
语法： <!--注释内容-->
2.文件标记(<html>…</html>)
语法： <html>…</html>
说明：<html>这对标记是HTML文件的标记。<html>处于文件的最前面，表示HTML文件的开始。即浏览器从<html>标记开始解释，直到遇到</html>标记为止。
3.文件头标记(<head>…</head>)
语法： <head>…</head>
说明：
①由head这组标记定义的元素中，并不放置网页的任何内容，是放置关于这份HTML文件的信息。就是说，它并不属于HTML文件的主体，它包含文件的标题、编码方式和URL等。这些信息大部分用于提供索引、辨认或其他应用。
②这对标记在HTML文件中并不是必需的。如果某个HTML文件并不需要提供相关信息，则可省略<head>标记。
4.文件标题标记(<title>…</title>)
语法： <title>文件标题文字</title>
说明：此标记用于设定HTML文件的标题名称，它将显示在浏览器的标题栏中。
注意：<title>标记用于<head>标记中。但如果HTML文件中没有使用<head>标记，则<title>标记仍然起作用。
5.文件主体标记(<body>…</body>)
语法： <body>…</body>
说明：
①由<body>标记所建立的元素是HTML文件的内容主体，也是HTML文件的重点所在。HTML文件中要显示在网页上的所有内容，也都放置在这个元素中。
②<body>具有一些特殊的属性，可以设定背景及字符颜色等。
以下HTML标记用于格式化网页上文本的外观。这可以使网页变得更加生动，但是，文本格式的太多变化也会使人不快。
head标记有6个级别可用，从h1用于最大和最重要的标题，到h6是最小的标题。
b标记之间的文本以粗体显示，与周围的文本相对突出。
i标记以一个小角度显示文本。
u标记在文本正文添加一条线，请注意，链接已经有下划线，不需要额外的标记。
strike标记在文本的正中间画一条线，通常用来表示文本是旧的，不再相关，删除。也可以用<s></s>代替。
pre标记之间的任何文本，包括空格、回车符和标点符号，都将像在文本编辑器中一样显示在浏览器中（通常浏览器会忽略多个空格）
code标记之间的文本以固定宽度字体显示，通常在显示源代码时使用。
tt标记之间的文本就像是用打字机打出了一个固定宽度的文字。
blockquote标记定义一个块引用，并且在块的左右添加额外的边距。
small标记让你无需设置字体大小，就可以使文本呈现比周围稍小的外观。
font标记的color属性改变几个字或一段文字的颜色。属性使用十六进制颜色代码。
font标记的size属性改变字体的大小，值范围从1到7，1是最小，7是最大。
font标记的size属性还可以相对于其前面的字体大小的作即时更改，此用法将按你指定的数字增减字体大小。例如：<font size="-1">一些文本</font>
font标记的face属性以指定的字体显示文本，值为字体名称，如“Helvetica”、“Arial”或“Courier”。
center标记之间的所有内容都居中。
em标记用于强调文本，文本通常以斜体显示，可能会根据浏览器的不同而有所不同。
strong标记用于着重强调文本，通常以粗体显示，可能会根据浏览器的不同而有所不同。
下面是以上标记的示例：
浏览器显示内容如下所示：
*请认真填写需求信息，我们会在24小时内与您取得联系。
