⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 html_quick.asp.htm

📁 HTML快速上手:几个典型的HTML实例
💻 HTM
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>



<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
<meta http-equiv="Content-Language" content="zh-cn">
<meta name="robots" content="all">
<meta name="author" content="w3school.com.cn">
<meta name="Copyright" content="Copyright W3school.com.cn All Rights Reserved.">
<meta name="MSSmartTagsPreventParsing" content="true">
<meta http-equiv="imagetoolbar" content="false">

<link rel="stylesheet" type="text/css" href="html_quick.asp_files/c3.css">

<title>HTML 快速参考</title>

</head><body class="html">
<div id="wrapper">

<div id="header">
<a href="http://www.w3school.com.cn/index.html" title="w3school 在线教程" style="float: left;">w3school 在线教程</a>
<div id="ad_head">
<script type="text/javascript"><!--
google_ad_client = "pub-3381531532877742";
/* 728x90, 创建于 08-12-1 */
google_ad_slot = "7423315034";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript" src="html_quick.asp_files/show_ads.js">
</script><script src="html_quick.asp_files/test_domain.js"></script><script>window.google_render_ad();</script><iframe name="google_ads_frame" src="html_quick.asp_files/ads.htm" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" width="728" frameborder="0" height="90"></iframe>
</div>
</div>

<div id="navfirst">
<ul id="menu">
<li id="h"><a href="http://www.w3school.com.cn/h.asp" title="HTML 系列教程">HTML教程</a></li>
<li id="x"><a href="http://www.w3school.com.cn/x.asp" title="XML 系列教程">XML教程</a></li>
<li id="b"><a href="http://www.w3school.com.cn/b.asp" title="浏览器脚本系列教程">浏览器脚本</a></li>
<li id="s"><a href="http://www.w3school.com.cn/s.asp" title="服务器脚本系列教程">服务器脚本</a></li>
<li id="d"><a href="http://www.w3school.com.cn/d.asp" title=".NET (dotnet) 教程">dot net教程</a></li>
<li id="m"><a href="http://www.w3school.com.cn/m.asp" title="多媒体系列教程">多媒体教程</a></li>
<li id="w"><a href="http://www.w3school.com.cn/w.asp" title="网站构建手册">建站手册</a></li>
</ul>
</div><div id="navsecond">

<div id="course">
<h2>HTML基础教程</h2>
<ul>
<li><a href="http://www.w3school.com.cn/html/index.asp" title="HTML 首页">HTML 教程</a></li>
<li><a href="http://www.w3school.com.cn/html/html_intro.asp" title="HTML 简介">HTML 简介</a></li>
<li><a href="http://www.w3school.com.cn/html/html_elements.asp" title="HTML 元素">HTML 元素</a></li>
<li><a href="http://www.w3school.com.cn/html/html_primary.asp" title="基本的 HTML 标签">HTML 标签</a></li>
<li><a href="http://www.w3school.com.cn/html/html_attributes.asp" title="HTML 属性">HTML 属性</a></li>
<li><a href="http://www.w3school.com.cn/html/html_formatting.asp" title="HTML 文本格式化">HTML 格式化</a></li>
<li><a href="http://www.w3school.com.cn/html/html_entities.asp" title="HTML 字符实体">HTML 实体</a></li>
<li><a href="http://www.w3school.com.cn/html/html_links.asp" title="HTML 链接">HTML 链接</a></li>
<li><a href="http://www.w3school.com.cn/html/html_frames.asp" title="HTML 框架">HTML 框架</a></li>
<li><a href="http://www.w3school.com.cn/html/html_tables.asp" title="HTML 表格">HTML 表格</a></li>
<li><a href="http://www.w3school.com.cn/html/html_lists.asp" title="HTML 列表">HTML 列表</a></li>
<li><a href="http://www.w3school.com.cn/html/html_forms.asp" title="HTML 表单和输入">HTML 表单</a></li>
<li><a href="http://www.w3school.com.cn/html/html_images.asp" title="HTML 图像">HTML 图像</a></li>
<li><a href="http://www.w3school.com.cn/html/html_backgrounds.asp" title="HTML 背景">HTML 背景</a></li>
<li><a href="http://www.w3school.com.cn/html/html_colors.asp" title="HTML 颜色">HTML 颜色</a></li>
<li><a href="http://www.w3school.com.cn/html/html_colorsfull.asp" title="HTML 颜色值">HTML 颜色值</a></li>
<li><a href="http://www.w3school.com.cn/html/html_colornames.asp" title="HTML 颜色名">HTML 颜色名</a></li>
<li><a href="http://www.w3school.com.cn/html/html_quick.asp" title="HTML 4.01 快速参考">HTML 速查手册</a></li>
</ul>
<h2>HTML高级教程</h2>
<ul>
<li><a href="http://www.w3school.com.cn/html/html_layout.asp" title="HTML 布局">HTML 布局</a></li>
<li><a href="http://www.w3school.com.cn/html/html_fonts.asp" title="HTML 字体">HTML 字体</a></li>
<li><a href="http://www.w3school.com.cn/html/html_whyusehtml4.asp" title="为什么使用 HTML4.0?">HTML 4.0</a></li>
<li><a href="http://www.w3school.com.cn/html/html_styles.asp" title="HTML 样式">HTML 样式</a></li>
<li><a href="http://www.w3school.com.cn/html/html_head.asp" title="HTML 头部">HTML 头部</a></li>
<li><a href="http://www.w3school.com.cn/html/html_meta.asp" title="HTML 元信息">HTML 元信息</a></li>
<li><a href="http://www.w3school.com.cn/html/html_url.asp" title="HTML URL(统一资源定位器)">HTML URL</a></li>
<li><a href="http://www.w3school.com.cn/html/html_scripts.asp" title="HTML 脚本">HTML 脚本</a></li>
<li><a href="http://www.w3school.com.cn/html/html_standardattributes.asp" title="HTML 4.0 标准属性">HTML 属性</a></li>
<li><a href="http://www.w3school.com.cn/html/html_eventattributes.asp" title="HTML 4.0 事件属性">HTML 事件</a></li>
<li><a href="http://www.w3school.com.cn/html/html_webserver.asp" title="准备好发布你的作品了吗?">HTML 网页服务器</a></li>
<li><a href="http://www.w3school.com.cn/html/html_summary.asp" title="你已经将 HTML 教程学习完毕,下一步该学习什么呢?">HTML 摘要</a></li>
</ul>

<h2>实例/测验</h2>
<ul>
<li><a href="http://www.w3school.com.cn/example/html_examples.asp" title="HTML 实例">HTML 实例</a></li>
<li><a href="http://www.w3school.com.cn/html/html_quiz.asp" title="HTML 测验">HTML 测验</a></li>
</ul>

<h2>参考手册</h2>
<ul>
<li><a href="http://www.w3school.com.cn/tags/index.asp" title="HTML 4.01 / XHTML 1.0 参考手册">HTML 标签列表</a></li>
<li><a href="http://www.w3school.com.cn/tags/html_ref_standardattributes.asp" title="HTML 标准属性">HTML 属性</a></li>
<li><a href="http://www.w3school.com.cn/tags/html_ref_eventattributes.asp" title="HTML 事件属性">HTML 事件</a></li>
<li><a href="http://www.w3school.com.cn/tags/html_ref_colornames.asp" title="HTML 颜色名">HTML 颜色名</a></li>
<li><a href="http://www.w3school.com.cn/tags/html_ref_ascii.asp" title="HTML 7 比特 ASCII 代码 参考手册">HTML ASCII</a></li>
<li><a href="http://www.w3school.com.cn/tags/html_ref_httpmessages.asp" title="HTTP 状态消息">HTML 消息</a></li>
</ul>
</div>

<div id="selected">
<h2>建站手册</h2>
<ul>
<li><a href="http://www.w3school.com.cn/site/index.asp" title="网站构建">网站构建</a></li>
<li><a href="http://www.w3school.com.cn/w3c/index.asp" title="W3C">万维网联盟</a></li>
<li><a href="http://www.w3school.com.cn/browsers/index.asp" title="浏览器信息">浏览器信息</a></li>
<li><a href="http://www.w3school.com.cn/quality/index.asp" title="网站品质">网站品质</a></li>
<li><a href="http://www.w3school.com.cn/semweb/index.asp" title="语义网">语义网</a></li>
<li><a href="http://www.w3school.com.cn/careers/index.asp" title="职业规划">职业规划</a></li>
<li><a href="http://www.w3school.com.cn/hosting/index.asp" title="网站主机">网站主机</a></li>
</ul>

<h2><a href="http://www.w3school.com.cn/about/about_helping.asp" title="帮助 W3School" id="link_help">帮助 W3School</a></h2>

<div style="margin-left: 12px; margin-top: 20px;">
<script type="text/javascript"><!--
google_ad_client = "pub-3381531532877742";
/* 120x90, navsecond */
google_ad_slot = "9377013364";
google_ad_width = 120;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript" src="html_quick.asp_files/show_ads.js">
</script><script>window.google_render_ad();</script><iframe name="google_ads_frame" src="html_quick.asp_files/ads_002.htm" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" width="120" frameborder="0" height="90"></iframe>
</div>

</div>

</div>

<div id="maincontent">

<h1>HTML 4.01 快速参考</h1>

<div id="tpn">
<ul class="prenext">

<li class="pre"><a href="http://www.w3school.com.cn/html/html_colornames.asp">Previous Page</a></li>

<li class="next"><a href="http://www.w3school.com.cn/html/html_layout.asp">Next Page</a></li>
</ul>

</div>

<div id="intro">
<p><strong>来自 W3School 的 HTML 快速参考。可以打印它,以备日常使用。</strong></p>
</div>

<div>
<h2>HTML Basic Document</h2>
<pre>&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Document name goes here&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
Visible text goes here
&lt;/body&gt;
&lt;/html&gt;</pre>
</div>

<div>
<h2>Text Elements</h2>
<pre>&lt;p&gt;This is a paragraph&lt;/p&gt;
&lt;br&gt; (line break)
&lt;hr&gt; (horizontal rule)
&lt;pre&gt;This text is preformatted&lt;/pre&gt;</pre>
</div>

<div>
<h2>Logical Styles</h2>
<pre>&lt;em&gt;This text is emphasized&lt;/em&gt;
&lt;strong&gt;This text is strong&lt;/strong&gt;
&lt;code&gt;This is some computer code&lt;/code&gt;</pre>
</div>

<div>
<h2>Physical Styles</h2>
<pre>&lt;b&gt;This text is bold&lt;/b&gt;
&lt;i&gt;This text is italic&lt;/i&gt;</pre>
</div>

<div>
<h2>Links, Anchors, and Image Elements</h2>
<pre>&lt;a href="http://www.example.com/"&gt;This is a Link&lt;/a&gt;
&lt;a href="http://www.example.com/"&gt;&lt;img src="URL"
alt="Alternate Text"&gt;&lt;/a&gt;
&lt;a href="mailto:webmaster@example.com"&gt;Send e-mail&lt;/a&gt;A named anchor:
&lt;a name="tips"&gt;Useful Tips Section&lt;/a&gt;
&lt;a href="#tips"&gt;Jump to the Useful Tips Section&lt;/a&gt;</pre>
</div>

<div>
<h2>Unordered list</h2>
<pre>&lt;ul&gt;
&lt;li&gt;First item&lt;/li&gt;
&lt;li&gt;Next item&lt;/li&gt;
&lt;/ul&gt;</pre>
</div>

<div>
<h2>Ordered list</h2>
<pre>&lt;ol&gt;
&lt;li&gt;First item&lt;/li&gt;
&lt;li&gt;Next item&lt;/li&gt;
&lt;/ol&gt;</pre>
</div>

<div>
<h2>Definition list</h2>
<pre>&lt;dl&gt;
&lt;dt&gt;First term&lt;/dt&gt;
&lt;dd&gt;Definition&lt;/dd&gt;
&lt;dt&gt;Next term&lt;/dt&gt;
&lt;dd&gt;Definition&lt;/dd&gt;
&lt;/dl&gt;</pre>
</div>

<div>
<h2>Tables</h2>
<pre>&lt;table border="1"&gt;
&lt;tr&gt;
  &lt;th&gt;someheader&lt;/th&gt;
  &lt;th&gt;someheader&lt;/th&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td&gt;sometext&lt;/td&gt;
  &lt;td&gt;sometext&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;</pre>
</div>

<div>
<h2>Frames</h2>
<pre>&lt;frameset cols="25%,75%"&gt;
&nbsp; &lt;frame src="page1.htm"&gt;
&nbsp; &lt;frame src="page2.htm"&gt;
&lt;/frameset&gt;
</pre>
</div>

<div>
<h2>Forms</h2>
<pre>&lt;form action="http://www.example.com/test.asp" method="post/get"&gt;
&lt;input type="text" name="lastname"
value="Nixon" size="30" maxlength="50"&gt;
&lt;input type="password"&gt;
&lt;input type="checkbox" checked="checked"&gt;
&lt;input type="radio" checked="checked"&gt;
&lt;input type="submit"&gt;
&lt;input type="reset"&gt;
&lt;input type="hidden"&gt;
&lt;select&gt;
&lt;option&gt;Apples
&lt;option selected&gt;Bananas
&lt;option&gt;Cherries
&lt;/select&gt;
&lt;textarea name="Comment" rows="60"
cols="20"&gt;&lt;/textarea&gt;
&lt;/form&gt;
</pre>
</div>

<div>
<h2>Entities</h2>
<pre>&amp;lt; is the same as &lt;
&amp;gt; is the same as &gt;
&amp;#169; is the same as &#169;</pre>
</div>

<div>
<h2>Other Elements</h2>
<pre>&lt;!-- This is a comment --&gt;
&lt;blockquote&gt;
Text quoted from some source.
&lt;/blockquote&gt;
&lt;address&gt;
Address 1&lt;br&gt;
Address 2&lt;br&gt;
City&lt;br&gt;
&lt;/address&gt;
</pre>
</div>

<div><p><strong>Source : http://www.w3school.com.cn/html/html_quick.asp</strong></p></div>

<div id="bpn">
<ul class="prenext">

<li class="pre"><a href="http://www.w3school.com.cn/html/html_colornames.asp">Previous Page</a></li>

<li class="next"><a href="http://www.w3school.com.cn/html/html_layout.asp">Next Page</a></li>
</ul>

</div>
</div>

<div id="sidebar">

<div id="searchui">
<form method="get" id="searchform" action="http://www.google.cn/search">
<p><label for="searched_content">Search:</label></p>
<p><input name="sitesearch" value="www.w3school.com.cn" type="hidden"></p>
<p>
<input name="as_q" class="box" id="searched_content" title="在此输入搜索内容。" type="text">
<input value="Go" class="button" title="搜索!" type="submit">
</p>
</form>
</div>

<div id="tools">
<h5 id="tools_reference"><a href="http://www.w3school.com.cn/tags/index.asp">HTML 参考手册</a></h5>
<h5 id="tools_example"><a href="http://www.w3school.com.cn/example/html_examples.asp">HTML 实例</a></h5>
<h5 id="tools_quiz"><a href="http://www.w3school.com.cn/html/html_quiz.asp">HTML 测验</a></h5>
</div>

<div id="ad">
<script type="text/javascript"><!--
google_ad_client = "pub-3381531532877742";
/* 120x600, sidebar_big */
google_ad_slot = "9995842720";
google_ad_width = 120;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript" src="html_quick.asp_files/show_ads.js">
</script><script>window.google_render_ad();</script><iframe name="google_ads_frame" src="html_quick.asp_files/ads_003.htm" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" width="120" frameborder="0" height="600"></iframe>
</div>

</div><div id="footer">
<p>W3School提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。当使用本站时,代表您已接受了本站的使用条款和隐私条款。</p>
<p>版权所有,保留一切权利。未经书面许可,不得转载。W3School 简体中文版的所有内容仅供测试,对任何法律问题及风险不承担任何责任。上海赢科投资公司。</p>
</div>

</div>
</body></html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -