HTML速成简单总结
Hyper Text Markup Language
本人前端小白一枚,近日速成HTML,写此博客作为学习总结,如有错误,敬请批评指正。
HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
简单来说,HTML是一种用来描述网页的语言。
<html>
<body>
<h1>first level title</h1>
<p>first paragraph</p>
</body>
</html>
一些常用标签及属性
链接
<a>
<a href ="链接网址">链接文本</a>
链接地址
<address>
target属性
<a href="链接网址"target="_blank">链接文本</a>
name属性
<a name="...">...</a>对锚命名
<a href="#...">...</a>创建指向锚的链接
注释
<!--target属性以在新窗口中打开文档为例-->
预留式文本(保留空格和换行 其他文本默认一个空格)
<pre>文本</pre>
水平线
<hr/>
不产生新段落条件下换行
<br/>
格式化文本
<b> 加粗 <big> 大号 <small> 小号
<i> 斜体 <sup> 上标 <sub> 下标
<em> 着重 <strong> 加重 <ins> 插入
<del>删除
<code>代码 <kbd>键盘码 <samp>代码样本
<tt>打字机代码 <var>定义变量
缩写
<abbr title="全称">缩写</abbr>
首字母缩写
<acronym>
文字方向
<bro dir="rtl">文本</bro>
引用
<blockquote>...</blockquote> 长引用
<q>...</q>
<cite>...</cite>
一个定义项目
<dfn>
图像
<img src="图片地址"width="..."height="..."alt="..."/>
alt 替换文本属性
width 图片宽
height 图片高
<body background="..."> 图片背景
<img border="1" scr="..."/> 加边框
图片与文字排列方式
<img scr="..."align="方式">
方式有bottom middle top left right
图像地图 <map> 图像可点击区域 <area>
<area
shape="..."
coords="..."
href="..."
/>
表格
<table border="1" cellspacing="单元格间距"bgcolor="背景颜色"background="背景图片">
<tr>
<th>表头</th>
<td align="内容文本位置">
</td>
</tr>
</table>
空表占位符  
<th colspan="数字">跨行合并单元格
<th rowspan="数字">跨列合并单元格
列表
无序列表
<ul type="图表样式disc circle square">
<li>...<li>
</ul>
有序列表
<ol type="序号样式A a ">
<li>...<li>
</ol>
框架
<frameset> col (row)="..%,..%,..%>
内联框架
<iframe src="..." width="..."height="...">
frameborder="0"可用于移除外部边框
<thead>页眉 <tbody>主体 <tfoot>页脚
<col>列 <colgroup>列组
附上我做的笔记图片