`
hanllove001
  • 浏览: 49322 次
  • 性别: Icon_minigender_1
  • 来自: 绵阳
社区版块
存档分类
最新评论

HTML基本教程

    博客分类:
  • j2ee
阅读更多

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

 

 

 

分享到:
评论

相关推荐

    HTML基础教程 PPT文档

    一、HTML基本结构 HTML文档通常由三部分组成:头部(Head)、主体(Body)和声明(DOCTYPE)。DOCTYPE声明位于文档顶部,用来告诉浏览器文档使用哪种HTML版本。例如,`&lt;!DOCTYPE html&gt;` 表示使用HTML5标准。头部包含...

    html基础教程学习

    html基础教程学习

    html基础教程(CHM)

    1. **HTML基本结构**:HTML文档由`&lt;!DOCTYPE&gt;`声明、`&lt;html&gt;`根元素、`&lt;head&gt;`头部元素和`&lt;body&gt;`主体元素组成。每个HTML页面都应遵循这样的结构。 2. **标签语法**:HTML使用标签来定义不同的元素,如`&lt;p&gt;`代表...

    HTML基础教程

    HTML基础教程(共106页).pdf这个文件很可能是详尽的HTML教程,涵盖上述所有内容,还可能包含更深入的实践案例和实战指导。建议读者仔细阅读,通过练习和实际项目巩固所学知识。 总之,HTML是构建网页的基础,理解其...

    html基础教程 HTML教程

    这个“HTML基础教程 - HTML教程”显然是一份面向初学者的教育资源,旨在帮助人们理解并掌握HTML的基本概念和语法。 HTML由一系列元素组成,这些元素通过标签来表示,比如`&lt;p&gt;`代表段落,`&lt;h1&gt;`到`&lt;h6&gt;`代表标题等级...

    html基础教程(chm)

    这个"html基础教程(chm)"提供了一个全面的学习资源,适合初学者掌握HTML的基本概念和语法。 HTML由一系列元素组成,这些元素定义了网页的结构和内容。每个元素由开始标签和结束标签构成,例如`&lt;p&gt;`和`&lt;/p&gt;`用于定义...

    html基础教程 HTML基础

    这个"HTML基础教程"针对初学者,旨在提供一个全面且深入的学习路径,帮助他们掌握HTML的基本概念和语法。 HTML由一系列元素组成,每个元素都有其特定的含义和功能。这些元素通过标签来表示,如`&lt;html&gt;`、`&lt;head&gt;`和...

    [HTML]html基础教程 [HTML]html基础教程

    这个压缩包中的"HTML基础教程"显然是为初学者设计的,旨在帮助他们掌握HTML的基本概念和语法,从而能够构建自己的网页。以下是对HTML基础知识的详细讲解: 一、HTML结构 HTML文档由一系列元素组成,每个元素都有...

    html基础教程源代码

    这个“HTML基础教程源代码”压缩包很可能包含了一系列用于教学或自学的HTML示例代码,帮助初学者理解HTML的工作原理并实践编写。 在HTML中,我们有各种各样的标签,如`&lt;html&gt;`、`&lt;head&gt;`、`&lt;body&gt;`等,它们构成了...

    HTML]HTML基础教程

    HTML基础教程涵盖了学习创建网页所需的基本概念和语法,适合初学者入门。本教程将深入解析HTML的各个方面,帮助你构建自己的静态网页。 1. HTML结构:HTML文档通常由三部分组成:头部(Head)、主体(Body)和声明...

    html基础教程.chm

    这个"html基础教程.chm"文件显然是一份专为初学者设计的指南,旨在帮助学习者掌握HTML的基本概念、语法和实践技巧。CHM(Compiled HTML Help)文件是一种微软的编译型帮助文件格式,常用于存放电子书或教程。 在...

    HTML基础教程(零基础开始学习)

    HTML 基础教程 HTML(HyperText Markup Language)是一种超文本标志语言,用于创建网页的标记语言。HTML 文件的扩展名是 .html 或 .htm,它们是可供浏览器解释浏览的文件格式。HTML 语言使用标志对的方法编写文件,...

    html基础教程

    资源名称:html基础教程内容简介:HTML基础-第一讲HTML基础-第二讲HTML基础第三讲---字体HTML基础第四讲---图像HTML基础第五讲---控制表格及其表项的对齐方式HTML基础第六讲---表格HTML基础第七讲---框架HTML基础第...

    Html基础教程(chm版)

    本教程“Html基础教程(chm版)”为初学者提供了全面而通俗易懂的HTML学习资源,源自权威的W3C School网站。 HTML的基本结构由一系列的元素构成,这些元素通过标签来表示。比如`&lt;html&gt;`标签定义了整个文档的开始和...

    HTML教程html教程下载-HTML基础教程

    HTML教程html教程下载-HTML基础教程

    离线版单机版html基础教程html入门教程html自学手册.zip

    这个离线版单机版的HTML基础教程是为初学者设计的,旨在帮助他们快速入门并掌握HTML的基本概念和用法。 教程可能包含以下几个主要部分: 1. **HTML简介**:解释HTML的起源、作用以及它在网页开发中的地位。这部分...

    HTML基础教程(很不错的教程)

    本教程“HTML基础教程(很不错的教程)”旨在为初学者提供全面且易懂的HTML学习资源,帮助他们快速掌握网页设计的基本技能。 1. **HTML结构** HTML文档由一系列元素组成,每个元素都有其特定的含义和功能。基本...

    html 基础教程 CHM

    本教程“HTML基础教程CHM”旨在为初学者提供一个全面的HTML入门指导,帮助学习者掌握基本的HTML语言语法。 在HTML中,我们首先会接触到文档类型声明(DOCTYPE),它是每个HTML文件的开头,用于告知浏览器使用的HTML...

    html基础教程chm

    HTML教程,特别是"html基础教程chm",旨在帮助初学者理解这一语言的基本概念和语法,以便于创建和编辑网页。 在HTML中,我们通过使用各种标签来标记文本,使其具有特定的含义和样式。例如,`&lt;h1&gt;`标签用于创建一级...

    html基础教程chm格式

    本"html基础教程chm格式"提供了全面且易懂的HTML学习资源,旨在帮助初学者快速掌握HTML的基础知识,并方便在后续的学习过程中进行查阅。 CHM(Compiled HTML Help)是微软推出的一种帮助文件格式,它将一系列HTML...

Global site tag (gtag.js) - Google Analytics