当前位置: 代码迷 >> HTML/CSS >> HTML根本教程
  详细解决方案

HTML根本教程

热度:576   发布时间:2012-11-23 22:54:33.0
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>

表格与表头:<h4>两行三列:</h4>
<table border="1">

<caption>我的标题</caption>

<tr>
<th>Heading</th>
<th>Another Heading</th>

</tr>

<tr>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
<td>&nbsp;</td>
</tr>
</table>

输入:

<form>
用户:
<input type="text" name="user">
<br>
密码:
<input type="password" name="password">
</form>
<p>
请注意,当您在密码域中键入字符时,浏览器将使用项目符号来代替这些字符。
</p>

单选按钮:
<form>
<input type="radio" name="sex" value="male" /> Male
<br />
<input type="radio" name="sex" value="female" /> Female
</form>

复选框:

<form>
<input type="checkbox" name="bike" />
I have a bike
<br />
<input type="checkbox" name="car" />
I have a car
</form>

?

?

?

标准属性:

?

标签 描述 DTD
<!--...--> 定义注释。 STF
<!DOCTYPE> 定义文档类型。 STF
<a> 定义锚。 STF
<abbr> 定义缩写。 STF
<acronym> 定义只取首字母的缩写。 STF
<address> 定义文档作者或拥有者的联系信息。 STF
<applet> 不赞成使用。定义嵌入的 applet。 TF
<area> 定义图像映射内部的区域。 STF
<b> 定义粗体字。 STF
<base> 定义页面中所有链接的默认地址或默认目标。 STF
<basefont> 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。 TF
<bdo> 定义文字方向。 STF
<big> 定义大号文本。 STF
<blockquote> 定义长的引用。 STF
<body> 定义文档的主体。 STF
<br> 定义简单的折行。 STF
<button> 定义按钮 (push button)。 STF
<caption> 定义表格标题。 STF
<center> 不赞成使用。定义居中文本。 TF
<cite> 定义引用(citation)。 STF
<code> 定义计算机代码文本。 STF
<col> 定义表格中一个或多个列的属性值。 STF
<colgroup> 定义表格中供格式化的列组。 STF
<dd> 定义定义列表中项目的描述。 STF
<del> 定义被删除文本。 STF
<dir> 不赞成使用。定义目录列表。 TF
<div> 定义文档中的节。 STF
<dfn> 定义定义项目。 STF
<dl> 定义定义列表。 STF
<dt> 定义定义列表中的项目。 STF
<em> 定义强调文本。 STF
<fieldset> 定义围绕表单中元素的边框。 STF
<font> 不赞成使用。定义文字的字体、尺寸和颜色。 TF
<form> 定义供用户输入的 HTML 表单。 STF
<frame> 定义框架集的窗口或框架。 F
<frameset> 定义框架集。 F
<h1> to <h6> 定义 HTML 标题。 STF
<head> 定义关于文档的信息。 STF
<hr> 定义水平线。 STF
<html> 定义 HTML 文档。 STF
<i> 定义斜体字。 STF
<iframe> 定义内联框架。 TF
<img> 定义图像。 STF
<input> 定义输入控件。 STF
<ins> 定义被插入文本。 STF
<isindex> 不赞成使用。定义与文档相关的可搜索索引。 TF
<kbd> 定义键盘文本。 STF
<label> 定义 input 元素的标注。 STF
<legend> 定义 fieldset 元素的标题。 STF
<li> 定义列表的项目。 STF
<link> 定义文档与外部资源的关系。 STF
<map> 定义图像映射。 STF
<menu> 不赞成使用。定义菜单列表。 TF
<meta> 定义关于 HTML 文档的元信息。 STF
<noframes> 定义针对不支持框架的用户的替代内容。 TF
<noscript> 定义针对不支持客户端脚本的用户的替代内容。 STF
<object> 定义内嵌对象。 STF
<ol> 定义有序列表。 STF
<optgroup> 定义选择列表中相关选项的组合。 STF
<option> 定义选择列表中的选项。 STF
<p> 定义段落。 STF
<param> 定义对象的参数。 STF
<pre> 定义预格式文本。 STF
<q> 定义短的引用。 STF
<s> 不赞成使用。定义加删除线的文本。 TF
<samp> 定义计算机代码样本。 STF
<script> 定义客户端脚本。 STF
<select> 定义选择列表(下拉列表)。 STF
<small> 定义小号文本。 STF
<span> 定义文档中的节。 STF
<strike> 不赞成使用。定义加删除线文本。 TF
<strong> 定义强调文本。 STF
<style> 定义文档的样式信息。 STF
<sub> 定义下标文本。 STF
<sup> 定义上标文本。 STF
<table> 定义表格。 STF
<tbody> 定义表格中的主体内容。 STF
<td> 定义表格中的单元。 STF
<textarea> 定义多行的文本输入控件。 STF
<tfoot> 定义表格中的表注内容(脚注)。 STF
<th> 定义表格中的表头单元格。 STF
<thead> 定义表格中的表头内容。 STF
<title> 定义文档的标题。 STF
<tr> 定义表格中的行。 STF
<tt> 定义打字机文本。 STF
<u> 不赞成使用。定义下划线文本。 TF
<ul> 定义无序列表。 STF
<var> 定义文本的变量部分。 STF
<xmp> 不赞成使用。定义预格式文本。

?

?

?

  相关解决方案