一、什么是 HTML？
HTML（Hypertext Markup Language） 是用来描述网页的一种标记性语言，是一种规范，一种标准，它通过标记符号来显示网页中的各个部分。
①- HTML 指的是超文本标记语言 .
②- HTML 不是一种编程语言，而是一种简单标记语言.
③- 利用一套标记符号（标签），来描述网页.
④- 组成的文件后缀为.html或.htm
语法规则
语法规则：
1- <元素名> 内容 </元素名>
<元素名>：开始标签
</元素名>：结束标签
常见标签举例：
段落标签：<p>这还是个段落</p>
加粗标签：<b></b>
2- <元素名 />
常见标签举例：
图片标签：<img />
折行标签：<br />
网页结构
网页结构：
<!DOCTYPE>
<html>
<head>
<title>这里是网页标题</title>
</head>
<body>
<p>简单的一个段落</p>
</body>
</html>
常用工具
HTML书写常见工具：
logo工具名称及简介
Dreamweaver，简称DW，可视化网页编辑软件.（推荐使用）
UltraEdit，简称UE.
Notepad++
记事本
二、常用标签
部标签：
HTML网页标题标签：
<title></title>
HTML描述和关键词标签：
<meta name="description" content=" ***" />
<meta name="keywords" content=" ***" />
主体标签：
HTML文本标题标签：
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
HTML段落标签：
<p></p>
HTML超链接标签：
<a href="/"></a>
三、静态化
1、概念
静态网页和动态网页：
静态网页：服务器上真实存在的页面，不需要编译，用户就可以直接访问。页面后缀为.html或.htm.
动态网页：通过执行asp,php,jsp,.net等程序生成客户端网页代码的网页。
关键词：框架与内容分离、模具、转换生成.
静态页面和动态页面的优劣：
静态页面
优势：访问速度快、可以跨平台和服务器
劣势：占用空间资源、页面多，难管理，修改不方便
动态页面
优势：通过用户请求返回数据库页面，网站易于维护，可以实现用户注册、登录、在线调查等多种数据处理功能
劣势：页面不是真实存在，对搜索引擎（技术不成熟）不友好
2、静态化的作用
静态化的作用：
1- 有利于搜索引擎抓取；
因为现阶段搜索引擎技术的限制，对于动态页面和静态页面的抓取量的差别，所以需要动态网页静态化处理。
2- 提高程序性能。
静态页面打开速度快，一些大型网站平台所必须要要采取的方式。
3、静态化的设置方法
静态化的方法：
1、插件静态化：
例如windows下的IIS Rewrite模块静态化，Apache HTTP服务器的mod_rewrite.
2、代码静态化；
3、HttpWebRequest 返回页面重定向法.
总结：
静态化处理和我们购买的空间有很大的关系，购买时注意选择和咨询。
四、Nofollow
1、概念或作用
nofollow的概念：
nofollow 是一个HTML标签的属性值。这个标签的意义是告诉搜索引擎"不要追踪此网页上的链接"或"不要追踪此特定链接。
nofollow的作用：
是站长管理者 和 搜索引擎 之间对待一个页面中的链接或特定链接的方式。
解读：比如A页面中有一个接链向B页面，如果我给这个链接加上nofollow这个属性，那么A页面的这个链接就不属于B页面的反向链接，并且也不会分散A页面的权重。
2、添加演示
nofollow添加方式：
1、屏蔽整个页面中的所有链接；
在网页</head>之上添加以下代码：
<meta name="robots" content="nofollow" />
2、屏蔽特定链接；例如：
<a href="/index.html"></a>
<a rel="nofollow" href="/index.html"></a>
五、DIV+CSS
1、DIV+CSS的认识
概念
DIV标签
DIV是一个html布局标签（虚容器），主要用来实现网页布局和模块添加。
例如：<div></div>
CSS 概述
CSS 指层叠样式表 (Cascading Style Sheets)
样式定义如何显示 HTML 元素
样式通常存储在样式表文件中
解决内容与表现分离的问题
外部样式表可以极大提高工作效率
CSS产生的原因：
用来取代之前网页中陈旧的表格（table）布局技术，提高网页编辑和修改效率。
网页采用CSS的优势：
1、清晰网页布局；
2、更精确的控制网页模块样式；
3、简化代码，加速网页访问速度；
4、有利于搜索引擎优化.
网页角色
网页三大组成部分：
内容+结构+表现
内容：网页中的文字、图片、音乐、视频等；
结构：网页中段落、标题、列表等，是由HTML标签完成的；
表现：控制网页的结构布局、内容显示样式（例如：字体大小、粗细、颜色等）。
网页的表现就是CSS在网页中的角色.
语法结构
语法结构：
selector {property: value}
选择器：施加样式的对象；
属性：施加什么样的样式，例如：颜色、大小等；
值：属性的范围，例如：红色、14像素等.
举例：人{身高:175cm;体重:75公斤}
提示：当对同一个对象施加多个声明时，可以写在一个大括号内。
2、属性演示
文本修饰
文本修饰：
字体大小属性：
font-size:12px;
字体颜色属性：
color:red;
样式属性
网页背景颜色属性：
background-color:yellow；
background-image:url();
六、Alt属性
1、概念
Alt属性（替换文本）
当网页图片丢失或路径错误的时候所显示的图片文字信息.
举例：
<img src="/" />
<img src="/" alt=" " />
对于SEO的作用：
搜索引擎无法识别图片含义，然而会把Alt属性的内容纳入到页面的文本分析中。灵活的在网页图片中插入Alt属性（比如关键词），可以提高网页的关键词密度。
2、添加演示
添加方法：
网页插入图片的时候，添加替换文本：
<img src="" alt="" width="" hight="" />
七、网页地址
网页地址的分类：
绝对地址：文件在网络或本地的绝对位置，具有唯一性。
相对地址：就是被链接文件相对于当前页面的地址。
SEO的考虑：
含有绝对地址的网页对SEO优化更有利。
原因：
1、对于未作301重定向的网站，不利于搜素引擎确定主域名；
2、相对地址为他人镜像网站提供方便；
3、绝对地址用于网址规范化以及首选域问题的考虑。
- 上一篇：25个因素让你的网站留住用户
- 下一篇：Seoer必须了解的链接知识
请立即点击咨询我们或拨打咨询热线： 18261116466，我们会详细为你一一解答你心中的疑难。项目经理在线
锦皓289432236