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

HTML基本教程

    博客分类：
  • j2ee
htmlweb脚本 
阅读更多

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

 

 

 

分享到：
| Oracle 10 TNSLSNR.EXE 占用了8080端口的处 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    HTML基础教程 PPT文档

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

    html基础教程学习

    html基础教程学习

    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...

    doc版本HTML基础教程压缩包

    这个"doc版本HTML基础教程压缩包"显然为初学者提供了一条学习HTML的路径，旨在帮助他们理解并掌握基本的HTML语法和结构。 HTML文档通常由一系列元素组成，每个元素都由开始标签、内容和结束标签构成，例如`&lt;p&gt;`和`...

Magicbox
Global site tag (gtag.js) - Google Analytics