整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
起编程，相信很多人都不陌生，立马就会想到像：java、C、C#、C++、SQL等等用的比较广泛的编程语言。网页的编写虽然比不上这些编程语言那么的复杂，但是一个好的网页，是需要大量的：样式设计、利用ps修图、以及JavaScript等等技术相结合。那么今天就为大家简单的说说HTML的编写，对网页的基本编写的操作有个简单的认识，相信看完下面的内容，聪明的你，马上就能写出属于自己的网页呢~
编写工具：
Phase 5、 Programmer’s Notepad、SynWrite、PlainEdit.Net、Notepad++、CoffeeCup、jEdit、Sublime Text 2、Brackets、Aptana Studio 3（这10个都是我从网上搜的，小编除了Notepad++,其他都没用过~~~）其实编写工具一定要适合自己，才是最好的，所以小编一直都喜欢用”记事本”编写，O(∩_∩)O哈哈~，当然推荐一下：Dreamweaver也是相当好用的。
对于初学者来说，记事本绝对是最好的编写工具，因为所有的代码都要自己一个一个写，没有其他编写工具的快捷键提示。
编写方法：
新建文件：
新建一个记事本文件，并将后缀名改为 .html ，然后在鼠标右键选择用记事本打开。因为.html的文件默认的是以网页的形式打开的，所以，修改后缀名这一步也是写网页中重要的一步。
基本框架：基本的网页一般包括网页的标签<html>,网页的头<head>,网页的主体（身体）<body>，并且在网页的编写中有一个原则，就是几乎所有的标签都是一一对应的。即<>...</>。
网页的标题：
添加<title>...</title>标签即可编写网页的标题，随便写啥都可以~
网页内容的编写：
网页的内容只要你能想的到的，都可以写上去，直接在<body>...</body>里随便的输入内容吧~
效果图：
修饰：
利用各种标签来对你想到的内容进行格式、颜色、等内容上的修改，下面我简单列举几个常用的标签，小伙伴们可以自己动手试试达到想要的效果，没有涉及到的还请谅解。
添加背景图片：<body background="图片所在路径+图片全名">
背景颜色：<body color="颜色的英文名称或者颜色代码，可去网上搜索">
添加图片：<img src="图片所在路径+图片全名">
文字设置：<font size=”文字大小” face=”字体” color=”文字颜色”>...</font>
居中：<center>...</center>
换行：<br>
段落：<p>...</p>
超链接：<a href=\"链接的地址\">链接的名字</a>
移动字体：<marquee direction=lift或者right>写上你想写的字</marquee>
字体加粗：<b>添加文字</b>
字体斜体：<i>添加文字</i>
字体下划线:<u>添加文字</u>
字体删除线:<s>添加文字</s>
字体加大:<big>添加文字</big>
可以试试在<head>...<head>中试试加入我的这段代码哦~
<head>
<title>我的网页demo</title>
<div id="boom"><marquee direction=lift>欢迎各位小伙伴转发~关注~赞~评论~有任何错误或是问题都说出来哦
~~~</marquee></div>
<script language="javascript">
function Color()
{
var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray";
color=color.split("|");
document.getElementById("boom").style.color=color[parseInt(Math.random() * color.length)];
}
setInterval("Color()",400);
</script>
</head>
今天就介绍到这里，欢迎各位看官给予建议和批评，明天我会写一篇关于《局域网内访问他人电脑上的自制网页》的文章，感兴趣的童鞋可以关注一波~感谢大家~
、唯一定律
无论有多少人共同参与同一项目，一定要确保每一行代码都像是唯一个人编写的。
二、HTML
2.1 语法
（1）用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。
（2）嵌套元素应当缩进一次（即两个空格）。
（3）对于属性的定义，确保全部使用双引号，绝不要使用单引号。
（4）不要在自闭合（self-closing）元素的尾部添加斜线 -- HTML5 规范中明确说明这是可选的。
（5）不要省略可选的结束标签（closing tag）（例如，</li> 或 </body>）。
2.2 Example
三、HTML5 doctype
为每个 HTML 页面的第一行添加标准模式（standard mode）的声明，这样能够确保在每个浏览器中拥有一致的展现。
四、语言属性
根据 HTML5 规范：
强烈建议为 html 根元素指定 lang 属性，从而为文档设置正确的语言。这将有助于语音合成工具确定其所应该采用的发音，有助于翻译工具确定其翻译时所应遵守的规则等等。
五、IE 兼容模式
IE 支持通过特定的 <meta> 标签来确定绘制当前页面所应该采用的 IE 版本。除非有强烈的特殊需求，否则最好是设置为 edge mode，从而通知 IE 采用其所支持的最新的模式。
六、字符编码
通过明确声明字符编码，能够确保浏览器快速并容易的判断页面内容的渲染方式。这样做的好处是，可以避免在 HTML 中使用字符实体标记（character entity），从而全部与文档编码一致（一般采用 UTF-8 编码）。
七、引入 CSS 和 JavaScript 文件
根据 HTML5 规范，在引入 CSS 和 JavaScript 文件时一般不需要指定 type 属性，因为 text/css 和 text/javascript 分别是它们的默认值。
八、实用为王
尽量遵循 HTML 标准和语义，但是不要以牺牲实用性为代价。任何时候都要尽量使用最少的标签并保持最小的复杂度。
九、属性顺序
9.1 从大到小
HTML 属性应当按照以下给出的顺序依次排列，确保代码的易读性。
（1）class
（2）id, name
（3）data-*
（4）src, for, type, href, value
（5）title, alt
（6）role, aria-*
9.2 Example
9.3 说明
class 用于标识高度可复用组件，因此应该排在首位。id 用于标识具体组件，应当谨慎使用（例如，页面内的书签），因此排在第二位。
十、布尔（boolean）型属性
10.1 注意
（1）布尔型属性可以在声明时不赋值。XHTML 规范要求为其赋值，但是 HTML5 规范不需要。
（2）元素的布尔型属性如果有值，就是 true，如果没有值，就是 false。
（3）如果属性存在，其值必须是空字符串或 [...] 属性的规范名称，并且不要在首尾添加空白符。
简单来说，就是不用赋值。
10.2 Example
十一、减少标签的数量
编写 HTML 代码时，尽量避免多余的父元素。很多时候，这需要迭代和重构来实现。
十二、减少 JavaScript 生成的标签
通过 JavaScript 生成的标签让内容变得不易查找、编辑，并且降低性能。能避免时尽量避免。
最后，小编还给大家准备了web前端的学习资料
获取方式：请大家转发+关注并私信小编关键词：“资料”即可获取前端自学教程一套。
频地址：
HTML网页设计零基础入门教程（一），两分钟学会设计第一个网页。
文案：
大家好，我是老K。一个码龄超过10年的程序员。从今天起，我会给大家介绍，Web网站开发的最基本语言：HTML。本期视频给大家介绍怎么编写第一个网页。什么是HTML呢？HTML就是超文本标记语言，用来标记通过互联网传输的网页的格式。用HTML标记的网页是静态网页，后缀名一般是.html或.htm。静态网页制作完成以后，其内容不会变化。如果要修改内容，必须修改源文件。
HTML用各种元素组织文档，用一对尖括号标记元素的开始和结束。两个尖括号里面的表示元素的内容。例如：<title>人工智能</title>，表示网页的标题是，人工智能。所有的,web,设计语言都以HTML为基础。编写HTML，很简单。使用windows自带的，记事本，就可以编写。首先，创建一个文本文档。用记事本打开文档，输入HTML代码。我们先来看一下效果，稍后我会详细介绍源文件的内容。保存以后，关闭记事本。重命名文本文件，把后缀名改为html。用浏览器打开网页，就看到效果了。
我们来看源文件。
第一个元素，HTML,是顶级元素。所有的元素都包含在它里面。
第二个元素，head，表示文档的头部信息。
第三个元素，title，是head的子元素，表示网页的标题.
第四个元素，body，是网页的主体部分。
body，元素的内容是一句文本：世界，你好。
好了，这就是本期视频的内容。谢谢观看！再见！
源文件：
<html>
<head>
<title>This is the fisrt page</title>
</head>
<body>
Hello, world!
</body>
</html>
*请认真填写需求信息，我们会在24小时内与您取得联系。
