整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
、 结构
一、标记<Html> 建立HTML文档
<Head> 设置网页头部和其它信息
<Body> 设计文件格式及内文所在<Body> 元素的属性
Text 设置页面文字的送顔色 Bgcolor 设置页面背景的顡色
Background 设置页面的背景图像 Link设置页面黙认的顔色
Bgproperties 设置页面的背景图像为固定，不随页面的滚动而滚动
Alink 设置鼠标正在单击时候的链接顔色 Vlink 设置访问过后的链接顔色
Topmargin 设置页面的上边距 Leftmargin 设置页面的左边距
二、头部
标记 <Base> 当前文档的URL全称 <Title>设置显示在浏览器在上方的标题内容
<Isindex> 表明该文档是一个可用于检索的网关脚本
<Meta> 有关文档本身的信息，例如用于查询的关键词，用于获取该文档的有效期等
<Style> 设置CSS层叠样式表的内容
<link> 设置外部文件的链接 <script> 设置页面中程序脚本的内容
<Mate> 标记属性
Http-Equiv 生成一个HTTP标题域，它的取值与另一个属性相同，
例如Http-Equiv=Expires，实际取值由Content确定
Name 如果元数据是以关键字/取值的形式出现的，Name 表示键字,
如Author或ID
Content 关键字/取值的内容
三、文字
文字标记 <HNumber>……<1HNumber> Number=1.2.3.4.5.6
分别指1至6级标题
<Font>文字
文字的修饰标记 <B>/<strong> 粗体 <I>/<Em>/<cite> 斜体
<Sup>上标 <sub>下标 <Big>大字号 <small>小字号
<U>下划线 <S>/<strike>删除线 <Address>地址
<Tt>打字机文字 <Blink>闪烁文字（只适用于Netscape浏览器）
<Code>/<samp>等宽 <kbd>键盘输入文字 <Var>声明变量
<Fant>标记的属性
Face 字体 Size字号 Color顔色
四.列表
列表标记 <Ul>无序列表 <Ol>有序列表 <Dir>回录列表 <Dl>定义列表
<Meru>菜单列表 <Dt>·<Dd>定义列表的标记 <Li>列表项目的标记
<Ul><Ol>标记的属性 Type设置列表类型 start设置列表起始属性
Type的属性值 1 数字 a 小写字母 A 大写字母 i小写罗马数字
I 大写罗马数字 Disc ● Circle ○ square □
五.链接
链接标记 <A> 链接
<A>标记的属性 Href 指定链接地址 Name给链接命名
Title设置链接提示文字 Target指定链接的目标窗口
Target属性值 -parent在上一级窗口中打开。一般使用分帧的框架页会经常使用
-bank在新窗口中打开
-self在同一个帧或窗口中打开.这项一般不用设置
Href属性值 http:// 进入万维网站点 news://启动新闻讨论
ftp:// 进入文件传输服务器 mailto:// 启动新闻讨论组
telnet:// 启动telnet方式 gopher://访问一个gopher服务器
六.图片
图片标记 <Img>图片 <Map>图像映射 <Area>图像映射中定义区域
<lmg>标记的属性 src图像的源文件 Alt提示文字 Width宽度
Height高度 Vspace垂直间距 Hspace水平间距 Align排列 Border边框
Align属性值 Top文字的中间线居于图片上方 Middle文字的中间线居于图片中间
Bottom文字的中间线居于图片底部 Left 图片在文字的左侧
Right图片在文字的右侧 Absbottom文字的底线居于图片底部
Absmiddle文字的底线居于图片中间 Baseline英文文字基线对齐
Texttop英文文字上边线对齐
Shape属性值
Rect矩形区域 Circle椭圆形区域 Poly多边形区域
七.表格
1.表格标记 <Table>…</Table>表格标记 <Tr>…</Tr>行标记
<Td>…</Td>单元格标记 <Th>表头标记
<Table>标记属性 Bordercolor 表格边框色 Borde表格边框的宽度
Bordercolorlight 表格边框亮边框色（左上边框顔色）
Bordercolordark 表格暗边框色（右下边框顔色）
Bordercolor 行的边框顔色 Width表格的宽度 Height表格的高度
Bgcolor表格的背景顔色 Background表格的背图像
<Tr>标记属性 Align行内容的水平对齐 Valign 行内容的垂直对齐
Bgcolor 行的背景顔色 Background 行的背景图像
Bordercolor 行的边框顔色 Bordercolorlight 行的亮边框顔色
Bordercolordark 行的暗边框顔色
<Td>标记属性 Align单元内容的水平对齐 Valign单元格内容的垂直对齐
Bgcolor 单元格的背景顔色 Background 单元格的背景图像
Bordercolor单元格的背景顔色 Bordercorlorlight单元格的亮边框顔色
Brodercolordark 单元格的暗边框顔色 Width 单元格的宽度
Height单元格的高度
<Th>标记属性 Align表头内容的水平对齐 Valign表头内容的垂直对齐
Bgcolor 表头的背景顔色 Background表头的背景图像
Bordercolor表头的边框顔色 Bordercolorlight 表头的亮边框顔色
Bordercolordark 表头的暗边框顔色 Width 表头的宽度 Height 表头的高度
八.表单
1.表单标记 <Form>表单标记 <Input>表单输入标记
<select>菜单和列表标记 <Option>菜单和列表项目标记
2.属性 <Form> Name表单的名称
Method 定义表单结果从浏览器传送到服务器的方法，一般有两种方法：get,post
Action 用来定义表单处理程序（一个Asp,CGI等程序）的位置（相对地址或绝对地址）
<lnput>标记属性 Name 域的名称 Type域的类型
Maxlength 域的最大输入字符数 size域的宽度 Value 域的默认值
<Select>标记属性 Name 菜单和列表的名称 size 显示的选项数目
Multiple 列表中的项目多选 Value 选项值 selected默认选项
<Texrarea>标记属性 Name 文字域的名称 Rows文字域的行数
Cols 文字域的列数 Value 文字域的默认值
Type属性值 Text 文字域 Password 密码域 File 文件域
Checkbox复选框 Redio单选框 Button普通按扭
Submit 提交按钮 Reset重置按钮 Hidden隐藏域Image图像域
九.滚动
滚动标记 <Marquee>
<Marquee>标记属性 Direction 滚动方向 up 文字向上滚动 Left文字向左滚动
Behavior 滚动方式 Scroll 循环往复
Side 只做一次滚动
Alternate 交替进行滚动
ScrollAmount 滚动速度
ScrollDelay 滚动延迟
Trim函数用来剔除首尾空格
十.框架
1.标记 <Frameset> 框架边框标记 <Frame> 框架标记 <Iframe>浮动框架标记
<Frameset>标记属性 Cols列 Rows行
<Frame> 标记属性 src框架中显示页面源文件的路径
FrameBorder 框架边框显标属性 FrameSpacing框架边框宽度属性
Scrolling框架滚动条显示属性 NoResize 框架尺寸调整属性
BorderColor 框架边框顔色属性 MarginWidt 框架边框缘宽度属性
MarginHerght框架边缘高度属性
<1frame> 标记属性 src浮动框架中显示页面源文件的路径
Width 浮动框架的宽度 Height 浮动框架的高度
Name 浮动框架的名称
Align 浮动框架的排列方式 Left表示居左 Center表示居中 Right表示居右
FrameBorder 框架边框显示属性 FrameSpacing 框架宽度属性
Scrolling 框架滚动条显示属性 ( yes显示 No不显示 Auto根据页面的长度自动判断是否晶粒示滚动条
NoResize 框架尺寸调整属性 BorderColor框架的顔色
MarginWidth 框架边缘宽度属性 MarginHeight 框架边缘高度属性
插入刷新
步骤：1.选择"查看/文件头内容"
2.在插入面板上，打开HTML选项卡
优化代码
打开文件窗口，执行"命令、清理HTML"命令
文本换行：Enter 行距较大
Enter + Shift 行距较小
插入水平线设置顔色：单击属性面板中的快捷标签编辑器按钮
在代码中键入"color = #顔色值"
当图像无法显示时将显示这段文字：
图像属性中的替代→输入文字
插入鼠标经过图像:准备两张图像
在文件窗口中，将光标放置于需要翻转图像位置→插入工具栏中单击鼠标经过图像
Ⅱ.使用导航条：
在"常用"对象组中，单击"图像"小三角→导航条
插入图像占位符：图像小三角→图像占位符
Flash动画的背景实现透明 参数wmode 值 transparent
插入 Java Applet
插入表单
插入表单域：对象面板上"表单"→插入表单
插入文本域：单击面板上的插入文本域. 初始值 = 打开时显于的文字
插入密码框：在属性面板上选择密码
插入多行文本域：在类型后选择多行
插入隐藏域：对象面板→插入隐藏域
插入按钮：标签用来设置按钮上显示的文本
插入图像提交按钮=图像域：
插入文件上传按钮=文件域：
插入单选框
插入单选按钮组：Label文字说明 Value 单选按钮的值
插入复选框
菜单/插入列表：列表值→
插入跳转菜单：(
制作网页链接
URL统一资源定位器
目标：_blank在一个新的未命名的浏览器窗口中打开
_parent如果是嵌套的框架，链接会在父框架或窗口中打开，否则=_top
_top在完整的浏览器中打开
创建搜索页
运行中输入:
Inetmgr (IIS
Odbcad32 (odbc
Asp对象
Applicatipn 在给定的应用程序的所有用户间共享信息,并在服务器运行期间持久地保存数据。
集合： Contents
staticObjects
Item（变量值）=设置资料变量的值
Key（变量名称）=设置资料变量的名称
Count（变量资料的数量）=表示
Coutents集合中资料的总数量
方法： Lock
Unlock
事件： Applicatipn_Onstart
Application_OnEnd
Session 存储特定的用户会话所需的信息
属性：CodePage
LCID
SessionID
Timeout
集合：Contents
StaticObjects
方法：Abandon
事件：Session_Onstart
Session_OnEnd
Response 用来控制发送给用户的信息，包括直接发送信息给浏览器，重定位浏览器到另一个URL或设置Cookie值
属性： Buffer
CacheControl
Charset
ContentType
Expires
ExpiresAbsolute
IsClientConnected
PICS
Status
集合： Cookies
方法： AddHeader
AppendToLog
BinaryWrite
Clear
End
Flush
Redirect
Write
Request 访问任何基于HTTP请求传递的信息，常见的有从HTML表单用Post方法或Get方法传递的参数，Cookie或用户认证等。
属性： TotalBytes
集合： ClientCertificate
Cookies
Form
QueryString
ServerVaiables
方法： BinaryRead
Server 提供对服务器方法和属性的访问
属性： ScriptTimeout
集合： 无
方法： CreatObject
HTMLEncode
MapPath
URLEncode
Recordset
MoveNext 将前数据记录移至下一条
MovePrevious 将当前数据记录移至上一条
MoveFirst 将当前数据记录移至第一条
MoveLast 将当前数据记录移至最后一条
AbsolutePosition=N 将当前数据记录移至第N条
EOF 当前数据记录是否移过了最后一条（发生于向下移动时）
BOF 当前数据记录是否移过了第一条 （发生于向上移动时）
VBScript 运算符
算术运算符
指数 取负 乘法 除法 加法 减法 取模 连接 整数除法
∧ － * ／ ﹢ ﹣ Mod & \
比较运算符
相等 不相等 小于 大于 小于或等于 大于或等于 对象相象
= <> < > <= >= IS
逻辑运算符
逻辑非 逻辑与 逻辑或 异或 逻辑等于 逻辑蕴含
Not And Or Xor Eqv Imp
标
突出一篇文章的重点区域，快速修饰文本内容的样式，避免全篇文章都是白纸黑字，引起视觉疲劳。
修饰过后的文章
作用：文字倾斜
标签：i、em
区别：em是会被搜索引擎收录
<i>我是倾斜标签i</i> <em>我是倾斜标签em</em>
倾斜效果
作用：文字加粗
标签：b、strong
区别：strong是会被搜索引擎收录
<b>我是加粗标签b</b> <strong>我是加粗标签strong</strong>
加粗效果
作用：对文本进行补充说明
标签：sup上标sub下标
上下标运用
上下标效果
作用：对文本增强注意
标签：ins下划线del删除线
划线标运用
划线标效果
作用：对文本进行高亮显示
标签：mark
显示标运用
显示标效果
作用：对文本进行缩小显示
标签：small
缩小标运用
修饰标签
更多前端教程，敬请关注微信公众号：前端旺
昨天了解计算机基础知识后，小编今天带大家学习前端三大脚手架之一的HTML，从常用程度上，HTML可以简单的分为：基础HTML、核心HTML。今天将学习基础HTML（一），因为只有把地基打扎实了，才能建高楼。
首先，什么是HTML？书本上称为HTML(Hyper Text Markup Language),超级文本标记语言，说白了就是编写一个网页的语言；可以想象因为要讲话，所以我们学会了文字，同理，因为要编辑网页，所以我们要学习HTML；HTML是有一系列标记组成，同时也具有自己独特的语法。通过标记和语法组成后，最终会由浏览器负责解释，浏览器中有两大解析器，html渲染解析器，js解析器（这块后续会提到）。
HTML的发展进程，从最开始的HTML2.0>HTML3.2>HTML4.0>HTML4.01>XHTML1.0>HTML5；目前HTML已经更新到了HTML5了，HTML5给我们带来了很多新玩意儿，后面会陆续把好东西分享给大家。
HTML5 质的发展
在今日学习之前，先分析一些开发工具，作为新手，不建议使用具有代码提示补全的工具，建议使用EditPlus，记事本之类的工具，只有把代码写扎实了，再进阶到高级工具。
下面进入HTML标签的学习，也有叫标记的。
一、标签语法
1、所有的标签都必须使用尖括号扩起来，例如 <a>,<div> ... <A>,<a>
2、有封闭类型的标签，也有非封闭类型的标签
2.1、封闭类型，也称作双标记，则必须成对出现；语法规则： <标记>文本内容</标记>； 不同的标记，决定 了"文本内容"的不同表现形式；常见的封闭类型标记有:<a></a>,<p></p>,<div></div>
2.2、非封闭类型，也称作单标记、空标记；语法规则： <标记>或者<标记/> 常见的非封闭类型标记有: <hr>,<br>,<img>
区别封闭类型和非封闭类型标签，就看这标签是一对出现的，还是单个出现的。
3、标签嵌套
标签之间可以相互嵌套，形成复杂的语法结构，简单的例子如下：
<body>
<p>
<a></a>
</p>
</body>
4、标签属性，标签属性是指出现在开始标记中的内容，作用是修饰元素，如 <div 属性名="属性值"></div>
标准属性：就是每个元素与生俱来就具备的通用属性，常见的标准属性有：
id ：定义每个标签的唯一标识
title：提示文本
class：样式相关，类样式
style：样式相关，行内样式
现在可以和小编一个编写一个简单的标签，同时设置这个标签的id属性为myDIv。（属性命名方式：驼峰命名，后续会分享给大家）
实战：第一步：先定义一个标签div，即<div></div>
第二步：添加id属性，即<div id="myDIv"></div>
疑问：如果存在多个属性值怎么办？怎么添加属性值是编码规范的？
答：如果是多属性的，那么直接在前一个属性值后继续编写，不需要用“，”或者“；”分开，直接写就对了！而且，多个属性排名不分先后的，举个栗子： <div id="myDiv" title="myTitle"></p>
二、文档结构
1、文档类型声明：即声明使用的HTML版本和风格，HTML5中使用声明为： <!doctype html>
2、html页面
2.1、文档根元素，每个文档有且仅有一对根元素 , html
2.2、在根元素的内部，包含两对子元素；
2.2.1、head : 页面的头部内容，定义页面全局信息 包含的内容有：
<title></title> ;网页标题，就是网页地址上面显示的名称；
<meta />:声明元数据(编码,关键字,描述)，最重要的搜索引擎SEO主要是写这部分；同时也可以定义一些网页属性，比如说，中文显示 <meta charset="utf-8" />；
<style></style>:声明内部样式表，声明当前网页所用到的样式，这种方式的样式定义只能运用在当前页面，其他页面不能使用这里定义的样式；
<link />:引入外部样式表，引入外部定义好的样式，只要是这个页面想要用到某一个外部样式表，就直接引入就可以用了，这种样式表定义运用弥补上面<style></style>不能共享的缺陷，是的代码达到了重用的优势；
<script></script>:定义或引入脚本文件，主要是引入一些js脚本语言，完成这个页面所需要的交互；
2.2.2、body : 页面的主体内容，任何一个标签，都可能会出现在body中；<body>也是标签，它也可以定义自己的属性，比如网页背景有绿色，那么就是<body bgcolor="green"></body>；
3、文本标记
3.1、特殊的文本，除了正常文字外，在一些特定的情况下会需要有特别的标点符号等，小编举例几个常见的特殊符号的标记，如 空格对应的是“ ”、 <对应的是 “<” 可以理解为less than 、> 对应的是 “> ”理解为greater than、 版权标识对应的是 “©”，这里需要特别特别注意的一点是 每个特殊字符有需要“；”
3.2、文本标记
3.2.1、文本样式
<b>...</b>： 加粗文本；
<i>...</i>：斜体文本；
<u>...</u>：下划线；
<s>...</s>：删除线；
<sup>...</sup>：上标；
<sub>...</sub>：下标；
3.2.2、标题元素， 1-6级6个标题 <hn></hn> n：1-6 其中一级是最大的， 六级是最小的；
3.2.3、段落元素，提供了结构化文本的表现方式， 语法：<p></p>， 注意：每对p标签单独成一个段落，常用属性:
align：水平对齐方式 取值：left center right；
4、换行元素，在代码的任何位置处，实现回车的效果 <br />，是非封闭类型标记；
5、水平线， 又叫分割线， <hr /> 也是非封闭类型标记，常用属性；
5.1、size ：水平线的粗细，通常以像素(px)为单位；
5.2、width：宽度；
5.3、align：水平线的水平对齐方式；
5.4、color：颜色；
6、分区元素目的：为元素进行分组，多数用在布局中；
块分区元素：<div></div> ；
行内分区元素：<span></span>；
注意：
div ：主要用在布局上；
span：修改其内部内容的样式；
7、预格式化，保留源文档中的空格和回车 <pre>文本内容 </pre>；
8、注释
可以写在html源码中，但不被浏览器解释的文本；
语法： <!-- 注释内容 -->
！！！特别注意：行内元素与块级元素
块级元素：默认情况下，块级元素独占一行，元素的前后都会自动换行 div、hn、hr、p等 主要用于布局。
行内元素:默认情况，多个元素位于同一行，不会换行，span、文本标记... .主要行内元素作用:修改内部内容的样式。
最后，小编建议多多打代码！
预告：下一篇 前端教程之HTML（二）
*请认真填写需求信息，我们会在24小时内与您取得联系。
