HTML
编译工具：记事本也可以
Dream weaver（Adobe公司的产品。）
Webstorm：更高级别的项目编程工具
sublime：意思是“华丽的”，“高效率的程序书写工具”，支持文本直接拖拽。
sublime快捷功能的使用：1、 <p><p>：输入一个p然后按Tab键 ,输入标签的名称按Tab会自动生成 2、使用按住鼠标滚轮中键进行多行编辑 3、放大缩小：按住Ctrl键加滚轮 4、删除当行：Ctrll +shift+k 5、复制当行：Ctrll +shift+k
服务器返回客户端的代码有三种：html代码：控制网页结构 css代码：控制元素样式 JavaScript代码：控制元素的行为
一、格式（符号是英文符）
<html>
<head>
<title>标题</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
</head>
<boby>
<font size="7" color="blue" >正文 </font>
</boby>
</html>
二、排版标记
1、<p></p>表示一个段落
常用属性：align：水平对齐方式，取值：left、centre、right
eg：<p align="right">右对齐</p>
2、换行标记（单边标记）： <br>
3、水平线标记（单边标记）：<hr>
# size:水平线的粗细
# color:水平线的颜色
# 水平线的宽度
# noshade:去掉水平线的阴影（在HTML中，noshade是没有值的属性）
# eg:<hr size="1" color="blue" noshade>
4、预排版标记：<pre></pre>
#功能：将保留所有空白字符（空格、换行符）,换句话说原封不动输出
#语法：<pre></pre>
5、标题标记：<h1>
#有六级标志
#align
6、空格：< >
7、<font></font>
<u>下划线 <i> 斜体 <b>加粗
8、块元素里面要套行元素
#块元素:<div>、<p>、<h1>、<h2>、<pre>、<ul>、<li>
<div> 没有任何意义标记，但又是使用最多的元素，划块一般与CSS配合使用<div> 不管内容多少总是占一行，
div{border:1px solid red;/*边框线*/}
p{border:1px solid blue;}
#行元素
（1）行内元素不会单独占一行。 （2）行内元素的宽度，主要是根据内容决定。
#内联元素，可用作文本的容器：<span>
没有任何意义， 一般配合CSS使用
9、字符实体
无序列表 项目符号：<ul> <li> 内容放在最底层标记：
<ul><li>的常用属性：(1)type :项目符号的类型，取值：disc(小黑点)，circle(空心圆),square(实心方块) eg:<ul type="circle"> <li>内容</li> </ul>
#空格： (后面加分号),代表一个半角空格，一个汉字两个字节，一个字节相当于一个半角空格
编号列表(有序列表)
<ol><li>的常用属性: （1）type:编号类型（*写第一个）取值：a,A,1 格式： （2）star:从第几个字符开始编号
格式：<ol type="a" star="f"> <li>内容</li> <ol>
滚动字幕标记： 标记：<marquee> （默认：从右往左）
格式：<marquee>内容</marquee>
常用属性：Direction:滚动方向，取值：up,down,left,right Width:滚动宽度 Height：滚动高度 bgColor:滚动背景颜色 scrollAmount:滚动长值。值越大，滚动越快 scrollDelay:两步之间停留的时间，以毫秒为单位 loop:滚动次数