html 基础常识

<hr/>  水平线

<!--   -->html注释

<big>大号字体

<small>小号字体

<em> 着重字体

<i> 斜体

<del> 删除字

<sub>下标体

<sup>上标体

<ins>插入字

<strong> 加重语气

 

用来展示不同的“计算机输出”标签的显示效果

<code>计算机代码</code> 

<kbd>键盘码</kbd>

<tt>打字机代码</tt>

<samp>计算机代码样本</samp>

<var>定义变量</var>

 

 

 

<abbr>定义缩写。

<acronym>定义首字母缩写。

<address>定义地址。

<bdo>定义文字方向。

<blockquote>定义长的引用。

<q>定义短的引用语。

<cite>定义引用、引证。

<dfn>定义一个定义项目。

 

<pre> 会将其内的文字格式原样呈现

如 int i=0;

   i=1;

原样展示 用<p>的话将会 int i=0; i=1;

 

<blockquote>块引用 会插入换行和外边距

 

把鼠标移至缩略词语上时，title 可用于展示表达的完整版本

<abbr title="etcetera">etc.</abbr>

<acronym title="World Wide Web">WWW</acronym>

 

浏览器支持 bi-directional override (bdo)，下一行会从右向左输出 (rtl)

<bdo dir="rtl">

Here is some Hebrew text

</bdo>

 

引入样式

<link rel="stylesheet" type="text/css" href="mystyle.css">

<style type="text/css">

body {background-color: red}

p {margin-left: 20px}

</style>

 

target _top 跳出框架

 

这是邮件链接：

<a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>

应该使用 %20 来替换单词之间的空格，这样浏览器就可以正确地显示文本了

 

hypertext

超文本的基本特征就是可以超链接文档

 

<img src="boat.gif" alt="Big Boat">

在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代

 

性的文本而不是图像。

 

<caption>定义表格标题。

<thead>定义表格的页眉。

<tbody>定义表格的主体。

<tfoot>定义表格的页脚。

 

<ul> 无序列表

<ol> 有序列表

<dl>

定义列表

<dt>Coffee</dt>

<dd>Black hot drink</dd>

<dt>Milk</dt>

<dd>White cold drink</dd>

</dl>

 

<base> 标签为页面上的所有链接规定默认地址或默认目标（target）：