整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
家今天好我是小月,为大家介绍一下建站的基础语音,喜欢的建站的朋友要认真阅读,这会对你有一定的帮助!!
DW使用；
搭建 一个站点；
首页文件名称：index.html
文件夹 style js
w3c 是一个组织，制定网页规范标准的组织；
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
声明网页的编码格式；
常用的编码格式；utf-8 国际通用标准，支持英文，中文，韩文，越南语
日语等等。。。；
gbk(gb2312)它是国标，支持中文简体繁体；跟后台有关；
字体：编辑， 首选参数 字体
列表 type修改列表符号；
布局，搭建一个网页结构；根据用户体验需求对内容进行合理规划；根据网络营销需求；
怎么布局；
表格布局
表格的最外层标记，<table> </table>
表格里面的行用<tr></tr>表示；一对tr表示一行；
一个单元格用<td></td>来表示；
表格里面有一个属性 边框 border 默认情况下，这个border="0"
ctrl alt a
单元格与单元格的缝 cellspacing 默认情况 不为0
跨行 rowspan 跨行，就是指一个单元格在垂直方向占领多行；
跨列 colspan 在水平方向占领多个单元格；
背景颜色 bgcolor
布局 table布局；现在不是主流， 但是在网页中还是会用到；现在主要用
div+css来进行网页布局；
为什么要用div+css呢？
简单一些；
² 代码相对table而言，div+css涉及到的代码行数更少；
² div+css网页布局有利于seo；做搜索引擎喜欢网站；
² div+css方便后期管理维护（css讲完之后再来理解；）
² 有利于浏览器的向后兼容；新的浏览器不能识别传统的一些布局标签，但是div+css
所涉及的标签浏览器能够很好的识别；
ie 5 6 7 8 9 10 11 12
CSS是什么？
有什么用？
CSS全称是 层叠样式表 Cascading Style Sheets 也叫样式 ，style
修饰，美化网页的；
table 表格，结构
如何在网页中实现CSS；CSS表现形式；
三种常见的表现形式（实现方式）；
每一种 行内式，
直接在html开始标签里面写上style="属性：属性值；属性：属性值；"
第二种写法： 内部嵌入式（嵌入式）
在<head></head>内部嵌入
<style>
css代码
html标签{属性：属性值；}
</style>
第三种表现形式；外部链接式（外链式）
把css样式单独放在一个style样式文件夹里面，然后在html页面中来调用这个css文件；
<link rel="stylesheet" type="text/css" href="style/yangshi.css"/>
以后大家都使用第三种表现式，外部链接式；
为什么要用第三种表现形式；
第一,w3c组织推荐使用第三种外链式；
第二，外部链接式实现了表现（html）与样式（css）相分离（有利于简化页面结构），
有利于后期维护修改等（选择器）；
第三，有利于搜索引擎优化（seo）
选择器
是什么？
有什么用？
p{color:red;} 它表示把所有的p标签里面的内容都变成红色；
作用：指定样式控制修饰的对象；
常用的基础选择器；
标签选择器；直接把html标签拿到css里面当选择器使用的称之为标签选择器；
类选择器；
给元素取名；
在开始标签里面写上 class="类名" ，注意，类名不要以数字开头；一般用英文小写开头；
在css里面写上 .类名{属性：属性值；属性：属性值；}
background:#09F; 背景颜色 这是在css里面的写法；
bgcolor 这是在html标签里面的写法；
text-align:center; 文字居中；
以上是今天的建站的内容，喜欢的小伙伴关注一下我每天都会更新这方面的知识！谢谢大家！
天小白给大家简单的讲解了如何学习前端的方法，那么接下来我会做一系列的教程来教给大家如何一步步的学习，今天我们就说下三分钟快速知道如何学HTML。
其实大家都知道无论是HTML还是HTML5都很简单容易上手，所以很多想从事IT行业的人都作为入门语言。因为简单易学，所以并没有一套完整的学习流程，导致了一些人走了弯路，所以今天小白就简单梳理一下个人学习意见。
一：阅读官方资料
官方资料永远是最准确和最基础的，所以刚开始学习的时候就要先来看官放资料，一直到时间久了，很多东西不记得了，都要来查看官方资料，把官方基础资料记在心里。
小白认为，任何一门语言第一步都是要先阅读然后再分析。熟悉HTML代码的组成部分，声明，结构，标签，闭合等，这些都需要我们学习和分析。刚开始学习的时候肯定自己是写不出来的，那么就要我们看完代码后自己拷贝，敲打，然后记忆。逐渐把看到的知识点变成自己的代码元素。
二：阅读他人代码
准备出来足够的时间去看别人的网站，分析别人的源代码，看到不懂的就去查阅资料，做好笔记，让不懂的知识点变成自己的知识。
在这里我提倡建议大家多去关注下HTML相关的技术论坛，论坛上会经常有人提出问题，大家可以尝试去回答，哪怕是查资料也好，这都是对知识的一次深层记忆。时间久了，你就发现自己进步神速。
三：练习
通过上面两个步骤，我们已经掌握了足够多的HTML代码，那么我们可以使用DW进行做一些简单的网站制作，进一步加深和练习。在练习过程中，可以使用对比的方法，找个目标网站进行仿制，逐步让自己写出的代码能和原版有一样的展现。不对的地方就进行修改，这样水平就会进一步提升。
进阶：代码优化
以上步骤都进行完以后，我们就需要再提升一下自己的能力，那就是我们尝试着优化我们的HTML代码。如何用最简单的逻辑实现我们的功能需求，同时避免冗余代码的存在，保证一个良好的代码书写习惯。
总结：学习技术，只看不练永远无法上手的，所以我们要多记多练，首先我们要记HTML代码最基本的网页组成部分，比如说颜色如何表示、结构排序如何表示、超链接如何表示、关键词与标题等等如何表示，而这些东西我们都必须将之记忆在大脑之中，通过记忆这个过程要让自己的头脑中有丰富的HTML代码可以随时利用。
OCTYPE
DOCTYPE(Document Type)该声明处于dw文档中最前面的位置，处于html标签之前，此标签告知浏览器文档使用哪种HTML或者 XHTML规范。
DTD(Document Type Definition)声明以<!DOCTYPE>开始，不区分大小写，前面没有任何内容，如果有其他内容(空格除外)会使浏览器在IE下开启怪异模式(quirks mode)渲染网页。公共DTD，名称格式为注册//组织//类型 标签//语言,注册指组织是否由国际标准化组织(ISO)注册，+表示是，-表示不是。组织即组织名称，如：W3C。类型一般是 DTD。标签是指定公开文本描述，即对所引用的公开文本的唯一描述性名称，后面可附带版本号。最后语言是DTD语言的ISO 639语言标识符，如：EN表示英文，ZH表示中文。XHTML 1.0 可声明三种DTD 类型。分别表示严格版本，过渡版本，以及基于框架的HTML文档。
HTML 4.01 strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
·
HTML5文档类型
<!DOCTYPE html><!-- 使用 HTML5 doctype，不区分大小写 -->
meta
声明文档使用的字符编码
html5之前<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
html5<meta charset="utf-8">
follow 跟踪链接并分析目标网页。这是默认行为，并且可忽略。
index 将网页编入索引。这是默认行为，并且可忽略。
noodp 不使用 Open Directory Project 来创建内容描述。
noydir 不使用 Yahoo Directory 来创建内容描述。
noarchive 不允许搜索引擎显示内容的缓存版本。
cache 允许搜索引擎显示内容的缓存版本。
nocache 不允许搜索引擎显示内容的缓存版本。
标签
定义文档的结构，使文档的标记更加语义化。
html5 demo
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html5 demo</title>
</head>
<body>
<header>
<h1>html5 demo</h1>
<nav>
<ul>
<li>nav1</li>
<li>nav2</li>
</ul>
</nav>
<div>
<ul>
<li></li><
</ul>
<dl>
<dd></dd>
<dt></dt>
</dl>
</div>
</header>
<section>
<h1>article aside</h1>
<article>article</article>
<aside>aside</aside>
<section>
<footer>footer</footer>
</body>
</html>
tips
1. html5标签更加丰富和完善，div标签似乎没有什么用武之地，但是如果仅仅想在文档中加入一段样式，这个时候div标签便派上用场了。
2. 标签在不同浏览器默认样式会有一些区别，为了一个网页在不同浏览器中看到的效果一样，通常要先格式化一下标签的样式
3.如果要在不支持html5的浏览器中使用html5标签，需要加一小段JavaScript代码
4.标签可编辑属性contenteditable
*请认真填写需求信息，我们会在24小时内与您取得联系。
