<div>用于分组HTML元素的块级元素
HTML表单，用于收集不同类型的用户输入<input type='radio'>:定义了表单的单选框按钮<input type='checkbox'>:定义了表单的复选框按钮，用户需要从若干给定的选项中选取一个或若干选项<input type='submit'>:提交按钮，单击按钮时，表单的内容会被传送到另一个文件，表单的动作属性定义了目的文件的文件名<div id="container" style="width: 500px">
<div id="header" style="background-color: aquamarine"> <h1 style="margin-bottom: 0px;">This is a story</h1></div> <div id="menu" style="background-color: burlywood;height: 200px;width: 100px;float:left;"> java<br> python<br> html<br> cs<br> js<br> </div> <div id="content" style="background-color: darkgray;height: 200px;width: 400px;float: left">this is a content</div> <div id="footer" style="background-color: crimson;text-align: center"> this is the end </div> </div><fieldset></fieldset>:定义一块区域<legend></legend>:区域的标题<vale>的值，是标识这个元素的名称，用户可以看到的值 <fieldset> <legend>title one</legend> shuru:<input type="text" name="123" id="123" size="30" placeholder="input data"> </fieldset> <iframe name="abc"> <p><a href="www.baidu.com">this is a link</a></p> </iframe>HTML框架，通过使用框架，在同一个浏览器窗口显示不止一个页面颜色用16进制表示：最小值0：#00，最大值255：#FF。表示RGB三种颜色的组合。JavaScript使得HTML具有更强的动态性和交互性，常用于图片操作，表单提交和内容动态更新。<script>用户定义客户端脚本，既可以包含脚本语句，也可以通过src属性指向外部脚本文件这是怎样的一种状态，孤独是多么的无敌，我不想在这虚度光阴啊。
核心组网交换技术上升通道打开，股价上涨
HTML字符实体：某些字符是预留的，要显示预留字符，就要使用字符实体。表示：&实体名
空格
> >< <& & URL:是一个网页地址，Web浏览器通过URL从Web服务器请求页面。1）可以由字母组成；2）互联网协议IP地址组成统一资源定位符用于定位万维网上的文档 HTML基本文档（HTML Basic Document）<!DOCTYPE html><html><head><title>Title of document goes here</title></head><body>
Visible text goes here...</body></html>基本标签(Basic Tags)
<h1>Largest Heading</h1><h2> . . . </h2><h3> . . . </h3><h4> . . . </h4><h5> . . . </h5><h6>Smallest Heading</h6><p>This is a paragraph.</p>
<br> (line break)<hr> (horizontal rule)<!-- This is a comment -->文本格式化（Formatting）<b>Bold text</b><code>Computer code</code><em>Emphasized text</em><i>Italic text</i><kbd>Keyboard input</kbd> <pre>Preformatted text</pre><small>Smaller text</small><strong>Important text</strong><abbr> (abbreviation)
<address> (contact information)<bdo> (text direction)<blockquote> (a section quoted from another source)<cite> (title of a work)<del> (deleted text)<ins> (inserted text)<sub> (subscripted text)<sup> (superscripted text)链接（Links）Ordinary link: <a href="http://www.example.com/">Link-text goes here</a>Image-link: <a href="http://www.example.com/"><img src="URL" alt="Alternate Text"></a>Mailto link: <a href="mailto:webmaster@example.com">Send e-mail</a>Bookmark:<a id="tips">Tips Section</a><a href="#tips">Jump to the Tips Section</a>图片（Images）
<img src="URL" alt="Alternate Text" height="42" width="42">样式（Styles/Sections）<style type="text/css"> h1 {color:red;} p {color:blue;}</style><div>A block-level section in a document</div>
<span>An inline section in a document</span>Unordered list<ul> <li>Item</li> <li>Item</li></ul>Ordered list<ol> <li>First item</li> <li>Second item</li></ol>Definition list<dl> <dt>Item 1</dt> <dd>Describe item 1</dd> <dt>Item 2</dt> <dd>Describe item 2</dd></dl>Tables<table border="1"> <tr> <th>table header</th> <th>table header</th> </tr> <tr> <td>table data</td> <td>table data</td> </tr></table>框架（Iframe）
<iframe src="demo_iframe.htm"></iframe>表单（Forms）
<form action="demo_form.asp" method="post/get"><input type="text" name="email" size="40" maxlength="50"><input type="password"><input type="checkbox" checked="checked"><input type="radio" checked="checked"><input type="submit" value="Send"><input type="reset"><input type="hidden"><select><option>Apples</option><option selected="selected">Bananas</option><option>Cherries</option></select><textarea name="comment" rows="60" cols="20"></textarea>
</form>
Entities
< is the same as <> is the same as >© is the same as © HTMLCSSJavaScript最后，在自己的服务器上托管网站CSS：层叠样式表，同时控制多重网页的样式和布局，一般在<head>中设置<style>进行样式设定。
作用：1）定义如何显示HTML元素；2）从长存储在样式表中3）外部样式表通常存储在CSS文件中 4）多个样式可层叠为一<head> <meta charset="UTF-8" content="This is a meta data" name="dengyexun"> <title>Title</title> <link rel="stylesheet" type="text/css" href="home.html"> <style> body { background-color: darkgray; } p { font-family: "Times New Roman"; font-size: 20px; } h1 { color: cornflowerblue; text-align: center; } </style></head>CSS规则由两部分构成：选择器(selector)，以及一条或多条声明
selector {declaration;declaration...}h1 {color:blue; font-size:20px}选择器通常是需要改变样式的HTML元素，每一条声明由一个属性和一个值构成，属性和值被冒号分开CSS语法：
要在HTML中设置CSS的样式，需要在元素中设置id和class选择器1）id选择器：为标有特定id的HTML元素指定特定的样式，在CSS中id选择器以“#”来定义2）class选择器：用于描述一组元素的样式，class选择器有别于id选择器，class可以在多个元素中使用class选择器在HTML中以class属性表示，在css中，类选择器以“.”表示在以下的例子中，所有拥有center类的HTML元素均为居中：.center{text-align:center;}CSS的创建
当读入一个css表时，浏览器会根据他来格式化HTML文档插入样式表的三种方法：1）外部样式表：需要对应于很多页面时，需要外部式样表，这样就可以通过改变一个外部文件来改变整个站点的外观每个使用<link>标签链接到样式表，<link>标签在文档的头部。<head> <link rel='stylesheet' type='text/css href='mystyle.css'></head>浏览器会从mystyle.css中读取样式声明，并根据他来格式文档外部样式表内容不能包含html文档，文件的后缀为.css，如下样式表文件的例子：
hr {color:sienna;}p {margin-left:20px;}2）内部样式表：单个文档需要特殊样式，使用<style>标签在头部进行定义，如：
<head><style>hr {color:sienna;}p {margin-left:20px;}body {background-image:url("images/back40.gif");}</style></head>3）内联样式：表现和内容混杂在一起，慎用这种方式
<p style="color:sienna;margin-left:20px">This is a paragraph.</p>层叠次序当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。1.浏览器缺省设置2.外部样式表3.内部样式表（位于 <head> 标签内部）4.内联样式（在 HTML 元素内部）因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明： 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。CSS背景属性用于定义HTML背景：
background-color:背景颜色，在body的选择器中
body {background-color:'#ff0000';}颜色定义的方式：1）十六进制：'#ff0000';2）RGB，如'rgb(255,0,0)';3)颜色名称,如'red'background-image:背景图像，默认平铺重复显示，以覆盖整个元素实体
body { background-image: url('/static/img/dyx.png'); // 水平方向平铺 background-repeat: repeat-x; background-position:right top; }文本text;text-alignletter-sapcing:字符之间的间隔line-height:行与行之间的间隔{direction:rtl;}文本的方向文本阴影：参数1：水平偏移；参数2：垂直偏移；参数3：阴影颜色 #hcolor { color: aquamarine; letter-spacing: 2px; text-align: center; text-shadow: 2px 2px #FF0000; }