引言：

HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言: HyperText Markup Language；HTML 不是一种编程语言，而是一种标记语言，标记语言是一套标记标签 (markup tag)，HTML 使用标记标签来描述网页；HTML 文档包含了HTML 标签及文本内容，HTML文档也叫做 web 页面。

HTML基础：

1.HTML标题：

通过<h1>-<h6>标签进行定义
如：<h1>这是一个标题</h1>

2.HTML段落：

通过标签<p>进行定义
如：<p>这是一个段落。</p>

3.HTML链接：

用标签<a>来进行定义
如：<a href="http://www.baidu.com">这是一个链接</a>

4.HTML图像：

通过标签<img>定义
如：<img src="/images/logo.png" width="258" height="39" />

HTML属性：

HTML元素可以设置属性，属性可以在元素中添加附加信息，属性一般在开始标签中描述，属性总是以键值对的形式出现

HTML文本格式化标签：

标签 描述
<b> 给字体加粗
<em> 着重文字
<i> 斜体字
<small> 小号字
<strong> 加重语气
_{下标字体
^{上标字体
<ins> 插入字
<del> 删除字}}

HTML头部：

1.HTML<title>元素

在头中设置title
设置meta，如<meta charset="utf-8">

2.HTML<base>元素

设置所有链接标签的默认链接，如

<base href="http://www.baidu.com/images/" target="_blank">

3.HMTL<style>元素

预定义各类标签的样式

4.HTML<script>元素

用于加载脚本文件，如js的脚本文件

5.HTML<link>元素

用于定义文档与外部资源之间的联系，通常用于链接到样式表，如
<link rel="stylesheet" type="text/css" href="mystyle.css">

HTML样式：

在各个标签中通过设置style属性来改变标签的样式，如
<h1 style="font-family:verdana;">一个标题</h1>
<p style="font-family:arial;color:red;font-size:20px;">一个段落。</p>

HTML中引用图片：

通过使用img标签，设置src指向图片所在位置，如
<img src="smiley.gif" alt="Smiley face" width="32" height="32"></p>

HTML表格：

<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>

HTML列表：

1.有序列表

<ol>
   <li>Coffee</li>
   <li>Tea</li>
   <li>Milk</li>
</ol>

2.无序列表

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

HTML区块：

1.<div>元素

是块级元素，它可用于组合其他HTML元素的容器

2.<span>元素

是内联元素，可用于文本的容器

HTML表单：

包含了输入字段和提交按钮

HTML子窗口：

可以视同iframe进行设置

<iframe src="demo_iframe.htm" frameborder="0"></iframe>

原创文章转载请标明出处
更多文章请查看
http://www.canfeng.xyz