日期:2014-05-17  浏览次数:20716 次

HTML基本教程

标题:<h1>...</h1>......<h6>...</h6>

段落:<p>...</p> 多个空格显示一个空格

链接:<a href="http://www.sina.com"> This is a link</a> //href中为链接地址。

图像:<img src="w3school.jpg" width="104" height="142" />

元素:

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

属性:

<h1 align="center"> 拥有关于对齐方式的附加信息。

<body bgcolor="yellow"> 拥有关于背景颜色的附加信息。

?

在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:

name='Bill "HelloWorld" Gates'

?

水平线:<hr /> 标签在 HTML 页面中创建水平线

注释:<!-- This is a comment -->

换行:<br/>

保留源代码的空格和换行:<pre>...</pre>

字体:<b>...</b><strong><big><em><i><small>

?

文本格式化标签

?

标签 描述
<b> 定义粗体文本。
<big> 定义大号字。
<em> 定义着重文字。
<i> 定义斜体字。
<small> 定义小号字。
<strong> 定义加重语气。
<sub> 定义下标字。
<sup> 定义上标字。
<ins> 定义插入字。
<del> 定义删除字。
<s> 不赞成使用。使用 <del> 代替。
<strike> 不赞成使用。使用 <del> 代替。
<u> 不赞成使用。使用样式(style)代替。

?

常用显示代码:<code></code><kbd><tt><samp><var>

地址:<address>

缩写:<acronym title="World Wide Web">WWW</acronym>
当鼠标放上去后,显示为World Wide Web ,屏幕显示为WWW。

反向输出:<bdo dir="rtl">
Here is some Hebrew text
</bdo>

引用:<blockquote>
这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
</blockquote>
删除字体(字体上有一横):<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>

style 属性用于改变 HTML 元素的样式。

ex:

<html>
<body style="background-color:PowderBlue;">

<h1>Look! Styles and colors</h1>

<p style="font-family:times;color:red;background-color:green;font-size:40px;text-align:center">
This text is in Times and green</p>

<!--

使用 Target 属性,你可以定义被链接的文档在何处显示。

下面的这行会在新窗口打开文档:

-->

<p>
您也可以使用图像来作链接:
<a href="/example/html/lastpage.html" target="_blank">
<img border="0" src="/i/eg_buttonnext.gif" />
</a>
</p>

?

</body>
</html>

?

命名锚:

<a name="tips">Useful Tips Section</a>

将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到 tips 这个节.段内跳转只要加个#和锚名就可以了。

<a href="http://www.w3school.com.cn/html/html_links.asp#tips">
Jump to the Useful Tips Section
</a>

跳出框架:<a href="/index.html"
target="_top">请点击这里!</a>
写邮件:<a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>
这是另一个 mailto 链接:
<a href="mailto:someone@microsoft.com?cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">发送邮件!</a>

表格