小符的第一个HTML代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小符小符谁也不服(xiaofu.com)</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body> </html>
目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，我们需要在头部将字符声明为 UTF-8 或 GBK。
HTML标题：h1-h6
定义浏览框内标题
可以添加在头部区域的元素标签为: title, style, meta, link, script, noscript , base
*HTML水平线：hr
hr用于分割段落内容：
<p>小符是天才</p>
<hr>
<p>小符是天才</p>
HTML文档标题：title
定义文档标题
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
文档内容......
</body>
</html>
HTML段落: p
*HTML折行：br
在不产生新段落的情况下进行换行
<p>这个<br>段落<br>演示了分行的效果</p>
HTML链接： a
点击链接可以从一个网页跳转到另一个网页
< a href="www.xiaofu.com"></a>
*base属性：
描述基本的链接地址，作为文档中所有链接的默认链接
*link属性：
用于链接到样式表
*targht属性：
可以定义被链接的文档在何处显示
*id属性：
在HTML文档中插入id：
<a id="书签内容"></a>
*style属性：
可以定义修改背景色，字体颜色
HTML图像：img
注意： 图像的名称和尺寸是以属性的形式提供的。
定义图像的语法是：
<img src="储存图像的位置" alt="some_text">
*alt属性：
alt 属性用来为图像定义一串预备的可替换的文本，替换文本属性的值是用户定义的
<img src="boat.gif" alt="Big Boat">
*设置图像高度宽度：
height（高度） 与 width（宽度）属性用于设置图像的高度与宽度
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">
如果图像指定了高度宽度，页面加载时就会保留指定的尺寸。如果没有指定图片的大小，加载页面时有可能会破坏HTML页面的整体布局。
HTML区块：
大多数 HTML 元素被定义为块级元素或内联元素
块级元素在浏览器显示时，通常会以新行来开始（和结束）。
实例: h1, p, ul, table
内联元素在显示时通常不会以新行开始。
实例: b, td, a, img
*定义文档区域：div：
HTML div 元素是块级元素，它可用于组合其他 HTML 元素的容器。
div 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。
div 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 table 元素进行文档布局不是表格的正确用法。table 元素的作用是显示表格化的数据。
*组合文档行内元素：span
HTML span 元素是内联元素，可用作文本的容器
span 元素也没有特定的含义。
HTML表单：form
格式：
<form>
.
input 元素
.
</form>
*文本域的定义：input type=“text”
<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>
*密码域的定义：input type=“password”
<form>
Password: <input type="password" name="pwd">
</form>
密码是不会显示的
*提交按钮：input type=“submit”
<form name="input" action="html_form_action.php" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>
假如在文本框内输入几个字母，则会传送至 “html_form_action.php” 的页面显示输出结果
*单选按钮：input type=“radio”
<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>
复选框input type=“checkbox”
<form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
</form>
*HTML表单标签：
form:定义用户输入的表单
input:定义输入域
textarea：定义文本域
lable:定义了input的标签，输入标题
fieldset:定义一组相关的表单元素，并用外框包裹起来
legend:定义fieldset元素的标题
select:定义下拉选项表
optgoup:定义选项组
option:定义下拉列表的选项
button定义一个点击按钮
HTML框架：ifram
通过框架，可以在同一个浏览器窗口显示多个页面
语法： url指不同的网页
<iframe src="URL"></iframe>
*设置高度和宽度：
用height和width标签来定义：
<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
*设置是否显示边框：
用frameborder设置是否显示边框
设置frameborder=0为移除边框
<iframe src="demo_iframe.htm" frameborder="0"></iframe>
*显示目标链接页面：
目标页面的属性必须是iframe属性：
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.lllll.com" target="iframe_a">llllll.COM</a></p>
HTML颜色：
由一个十六进制的符号组成，这个符号由rgb组成（红绿蓝）
每种颜色最小值为0，最大值为255
使用颜色时查看菜鸟教程
HTML脚本：script
script用于定义客户端脚本
向浏览器中输出hello world！：
<script>
document.write("Hello World!");
</script>
*禁用脚本时的显示：noscript
当浏览器不支持脚本的显示时，会显示noscript的内容
<script>
document.write("Hello World!")
</script>
<noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>
HTML字符实体
在HTML中一些字符是不可直接使用的，必须被替换成字符实体
&entity_name;
&#entity_number;
实体名称区分大小写
实体名称 实体编号
空格  
< < <
> > >
& & &
" " "
' ' (IE不支持) '
￠ ¢ ¢
£ £ £
¥ ¥ ¥
€ € €
§ § §
© © ©
® ® ®
™ ™ ™
× × ×
÷ ÷ ÷
HTML统一资源定位器:url
URL是一个网络地址
URL可以由是"runoob.com"
也可以是IP地址192.68.20.50
浏览器通过url在服务器上请求页面
url只可使用ASCLL字符集
HTML 搜索关键词：meta
对网页的描述，关键词，会被用于网络引擎的搜索
meta一般放在head区域
HTML格式化文本：
b： 加粗文本
em ： 着重文本
i： 斜体文本
small： 小号字文本
strong： 加重语气
sub: 下标字文本
sup: 上标字文本
ins: 插入字文本
del: 删除字文本
HTML计算机输出标签：
code: 定义计算机代码
kbd: 定义键盘码
samp: 定义计算机代码样本
var: 定义变量
pre: 定义预格式文本
HTML引文，引用，及标签定义
abbr: 定义缩写
address: 定义地址
block quote: 定义长的引用
q: 定义短的引用语
cite : 定义引用，引证
dfn: 定义一个定义项目
HTML表格：table
表格的行数由 tr 定义
每行的单元行的个数由 td 定义
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
*表格边框：
如果不定义边框属性，表格将不显示边框
使用边框属性来显示一个带有边框的表格：
<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
*表格表头–th：
表格的表头使用 th 标签进行定义
大多数浏览器会把表头显示为粗体居中的文本
<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
*表格标签：
caption： 定义表格标题
colgroup：定义表格列的组
col： 定义用于表格的属性
thead： 定义表格的页眉
tbody： 定义表格的主体
tfoot： 定义表格的页脚
HTML列表：
*无序列表：ul
无序列表就是前面带有小黑圆圈的列表
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
*有序列表：ol
有数字进行标记
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
*自定义列表：dl
自己定义列名称以及内容
自定义列表以 dl 标签开始。每个自定义列表名称以 dt 开始。每个自定义列表项的以 dd 开始。
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
提示: 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
文本对齐方式：text-align
水平与竖直对齐：
<h1 style="text-align:center;">居中对齐的标题</h1>
<p>这是一个段落。</p>
*内部样式表：
当单个文件需要特别样式时，就可以使用内部样式表，可以在head部分通过 style标签定义内部样式表:
```HTML
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>
*外部样式表：
当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
乱七八糟
*HTML水平线：hr
hr用于分割段落内容：
<p>小符是天才</p>
<hr>
<p>小符是天才</p>
*HTML注释：
<!--小符是天才-->
*HTML折行：br
在不产生新段落的情况下进行换行
<p>这个<br>段落<br>演示了分行的效果</p>
*HTML书签：id
创建一个书签
对于我们来说书签是不显示的
在HTML文档中插入id：
<a id="书签内容"></a>
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
