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> 不赞成使用。定义预格式文本。

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值