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

📄 100_html_examples.html

📁 学习时曾经用到的资料
💻 HTML
📖 第 1 页 / 共 2 页
字号:
🔍
12 
<html>
<head>
<title>HTML演示示例代码-网页教程与代码的中文站点-布啦布啦-blabla.cn</title>
<meta name="author" content="www.blabla.cn">
<meta name="keywords" content="HTML代码,HTML教程,html示例,网页教程和代码的中文网站,网页制作,源代码,示例,布啦布拉,blabla.cn,examples">
<meta name="description" content="-网页教程与代码的中文站点-网页制作-布啦布啦-blabla.cn">
<meta name="generator" content="blabla buildsite v2.0 - C:\CodeBank\BLABLA\blablasource\webtutorials\100_html\100_html_examples.txt">
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="../styles/bla01.css" type="text/css">

<script type="text/javascript">
function WsFvt() {
    window.external.addFavorite(
        "../default.htm", 
        "布啦布啦网页教程与代码[www.blabla.cn]");
}

function WsHome() {
    event.srcElement.style.behavior = "url(#default#homepage)";
    event.srcElement.setHomePage("../default.htm");
}

function WsActOn() {
    event.srcElement.className = "wsacton";
}

function WsAct() {
    event.srcElement.className = "wsact";
}

</script>
</head>
<body class=wsbody>

<div class=wsheader>
<table cellpadding=0 cellspacing=0 class=wslogoarea>
<td class=ws_a1><img src="../images/logo/blabla_logo01.gif" class=blablalogo03></td>
<td class=ws_a2>
<div>
<font class=wsact onmouseover="WsActOn()" onmouseout="WsAct()" onclick="WsFvt()">加入收藏</font> |
<font class=wsact onmouseover="WsActOn()" onmouseout="WsAct()" onclick="WsHome()">设为首页</font>|
<a href="mailto:webmaster@blabla.cn">联系我们</a>
</div>
<div style = "height:20px;"></div>
<div>
<a href="index.html">HTML教程</a> |
<a href="100_html_examples.html">HTML示例代码</a> |
<a href="../css_tutorials/index.html">CSS教程</a> |
<a href="../css_tutorials/100_CSS_examples.html">CSS示例代码</a> |
<a href="../js_tutorials/index.html">Javascript教程</a> |
<a href="../js_tutorials/100_js_examples.html">Javascript示例代码</a>
</div>
</td>
</tr></table>
</div>

<div class=wscontent>
<table cellpadding=0 cellspacing=0 class=wscgrid>
<td class=a1>
<div class=wsmenu><div class=box><div class=box>
<!--menupart Start  -->
<a href = "../index.html"><H1>网站首页</H1></a>
<a href = "index.html" ><H1>HTML网页教程与代码</H1></a><a href = "001_HTML_Overview.html" ><P>HTML基本概念</P></a><a href = "005_Basic_HTML_Tags.html" ><P>HTML基础Tag</P></a><a href = "010_Format_Tags.html" ><P>HTML常用格式</P></a><a href = "015_HTML_entities.html" ><P>HTML特殊字符</P></a><a href = "020_HTML_links.html" ><P>HTML超链接(Hyperlinks)</P></a><a href = "022_html_path.html" ><P>HTML相对和绝对路径</P></a><a href = "025_HTML_tables.html" ><P>HTML表格(Tables)</P></a><a href = "030_html_frame.html" ><P>HTML框架(Frames)</P></a><a href = "035_html_list.html" ><P>HTML列表(Lists)</P></a><a href = "037_html_form.html" ><P>HTML表单(Forms)</P></a><a href = "040_html_image.html" ><P>HTML图片(Images)</P></a><a href = "042_html_font.html" ><P>HTML字体(Fonts)</P></a><a href = "045_html_bgcolor_background.html" ><P>HTML背景颜色和图片</P></a><a href = "047_html_head.html" ><P>HTML头部信息(Head)</P></a><a href = "050_html_color_ref.html" ><P>HTML颜色参考(Color)</P></a><a href = "100_html_examples.html" ><P><B>HTML演示示例代码</B></P></a><a href = "../html_ref/index.html" ><H1>HTML参考(Reference)</H1></a><a href = "../html_tag_ref/index.html" ><P>HTML元素参考</P></a><a href = "../html_attr_ref/index.html" ><P>HTML属性参考</P></a><a href = "../css_tutorials/index.html" ><H1>CSS教程和代码</H1></a><a href = "../css_tutorials/001_CSS_Overview.html" ><P>CSS简介</P></a><a href = "../css_tutorials/005_CSS_Syntax.html" ><P>CSS语法</P></a><a href = "../css_tutorials/010_css_font.html" ><P>CSS常用字体属性(font)</P></a><a href = "../css_tutorials/015_css_text.html" ><P>CSS常用文本属性</P></a><a href = "../css_tutorials/020_CSS_background.html" ><P>CSS常用背景属性</P></a><a href = "../css_tutorials/025_css_border.html" ><P>CSS常用边框属性(border)</P></a><a href = "../css_tutorials/030_css_margin.html" ><P>CSS边距属性(margin)</P></a><a href = "../css_tutorials/035_css_padding.html" ><P>CSS间隙属性(padding)</P></a><a href = "../css_tutorials/040_css_diff_border_margin_padding.html" ><P>边框/边距/间隙的区别</P></a><a href = "../css_tutorials/045_css_list_style.html" ><P>CSS列表属性(list-style)</P></a><a href = "../css_tutorials/050_pseudo_class.html" ><P>CSS常用伪类(pseudo-class)</P></a><a href = "../css_tutorials/060_css_length_unit.html" ><P>CSS长度单位参考</P></a><a href = "../css_tutorials/100_CSS_examples.html" ><P>CSS演示示例代码</P></a><a href = "../js_tutorials/index.html" ><H1>Javascript教程和代码</H1></a><a href = "../js_tutorials/001_js_overview.html" ><P>Javascript简介</P></a><a href = "../js_tutorials/020_js_where2write.html" ><P>Javascript写在哪里</P></a><a href = "../js_tutorials/025_js_variables.html" ><P>Javascript变量(Variables)</P></a><a href = "../js_tutorials/090_js_reserved_words.html" ><P>Javascript保留字</P></a><a href = "../js_tutorials/100_js_examples.html" ><P>Javascript入门代码示例</P></a><a href = "../js_tutorials/101_js_dom_examples.html" ><P>Javascript DOM代码示例</P></a><a href = "../ref/index.html" ><H1>参考(Reference)</H1></a><a href = "../ref/ascii.html" ><P>ASCII编码表</P></a><a href = "../ref/iso_latin_1.html" ><P>ISO Latin-1字符集</P></a>
<!--menupart end  -->
</div></div></div>
</td>
<td class=a2><div class=wsarticle><div class=articlepart id = ap>
<div class=wstitle><div class=box><div class=box><h1>HTML代码示例索引</h1></div></div></div>
<!--articlepart start-->
<div class = changefont>
<span onclick= "ap.className='ArticlePartBig';"  class = bfont>大字体</span>
<span onclick= "ap.className='ArticlePart';"  class = sfont>小字体</span>
</div>
<H2>HTML文本格式示例</H2><p><a href ="../html_examples/001_a_very_simple_html.html">一个非常简单的HTML文件</a><br><a href ="../html_examples/002_simple_paragraphs.html">HTML简单段落</a><br><a href ="../html_examples/003_more_paragraphs.html">在HTML写多个段落</a><br><a href ="../html_examples/004_how_to_use_line_break_br.html">在HTML里如何换行</a><br><a href ="../html_examples/005_html_heading.html">HTML正文标题</a><br><a href ="../html_examples/006_html_heading_align_center.html">HTML居中显示的标题</a><br><a href ="../html_examples/007_horizontal_rule.html">在HTML文件里加一条横线(horizontal rule)</a><br><a href ="../html_examples/008_html_comment.html">HTML文件的代码注释</a><br><a href ="../html_examples/010_freq_used_format_tags.html">HTML常用格式Tag</a><br><a href ="../html_examples/014_preformatted_text.html">HTML预格式文本(preformatted text)</a><br><a href ="../html_examples/015_different_computer_output_tags.html">HTML不同计算机输出的Tag</a><br><a href ="../html_examples/016_insert_address.html">HTML里加入地址</a><br><a href ="../html_examples/017_mark_deleted_and_inserted_text.html">HTML里表示删除插入的Tag</a><br></p><H2>HTML超链接示例</H2><p><a href ="../html_examples/011_create_hyperlinks.html">如何创建HTML超链接(hyperlinks)</a><br><a href ="../html_examples/018_set_image_as_hyperlink.html">将图片作为一个超链接</a><br><a href ="../html_examples/019_jumpto_another_part_of_same_page.html">在HTML文件里跳转</a><br><a href ="../html_examples/020_open_link_in_new_window.html">在新窗口打开一个链接</a><br><a href ="../html_examples/021_link_to_mail.html">链接到一个邮箱地址</a><br></p><H2>HTML表格(Table)示例</H2><p><a href ="../html_examples/012_simple_tables.html">HTML简单表格</a><br><a href ="../html_examples/022_table_no_border.html">没有边界的表格</a><br><a href ="../html_examples/023_table_with_border.html">有边界的表格</a><br><a href ="../html_examples/024_table_heading.html">HTML表格的表头</a><br><a href ="../html_examples/025_table_empty_cell.html">表格空单元格</a><br><a href ="../html_examples/026_table_caption.html">带标题的表格</a><br><a href ="../html_examples/027_colspan_rowspan.html">包含多行或多列的表格单元格</a><br><a href ="../html_examples/028_table_cell_content.html">一个表格单元格里的内容</a><br><a href ="../html_examples/029_cellpadding.html">表格的单元格内容和单元格边界之间的距离(CellPadding)</a><br><a href ="../html_examples/030_cellspacing.html">表格中单元格之间的距离(Cellspacing)</a><br><a href ="../html_examples/031_table_bgcolor_bgimage.html">给表格加背景颜色或者背景图片</a><br><a href ="../html_examples/032_table_align.html">表格单元格对齐方式(align)</a><br><a href ="../html_examples/033_cell_bgcolr_bgimage.html">表格的单元格背景颜色和背景图片</a><br></p><H2>HTML框架(Frame)示例</H2><p><a href ="../html_examples/034_frame_cols.html">列分的框架(Frame, cols)</a><br><a href ="../html_examples/035_frame_rows.html">行分的框架(Frame, rows)</a><br><a href ="../html_examples/036_frame_cols_rows_mix.html">既有行分又有列分的框架(Frame, rows, cols)</a><br><a href ="../html_examples/037_frame_navigation.html">用框架(Frame)导航</a><br><a href ="../html_examples/038_iframe.html">使用内嵌框架(IFrame)</a><br><a href ="../html_examples/039_frame_noresize.html">如何固定框架(Frame)大小</a><br></p><H2>HTML列表(List)示例</H2><p><a href ="../html_examples/040_unordered_list.html">不排序列表(Unordered List)</a><br><a href ="../html_examples/041_ordered_list.html">排序列表(ordered list)</a><br><a href ="../html_examples/042_unordered_list_type.html">不排序列表的类型(Type)设置</a><br><a href ="../html_examples/043_nested_list.html">嵌套的列表(nested list)</a><br><a href ="../html_examples/044_definition_list.html">定义列表(definition list)</a><br><a href ="../html_examples/049_ordered_list_type.html">HTML不同类型(Type)的排序列表</a><br></p><H2>HTML表单(Form)示例</H2><p><a href ="../html_examples/053_form_input_text.html">HTML表单控件-单行文本输入框</a><br><a href ="../html_examples/054_form_input_text_password.html">HTML表单控件-密码输入框</a><br><a href ="../html_examples/055_form_input_check.html">HTML表单控件-复选框(checkbox)</a><br><a href ="../html_examples/056_form_input_check_checked.html">HTML表单控件-复选框(checkbox)缺省已选(checked)</a><br><a href ="../html_examples/057_form_input_radio.html">HTML表单控件-单选框(radio)</a><br><a href ="../html_examples/058_form_input_radio_checked.html">HTML表单控件-单选框(radio)缺省已选(checked)</a><br><a href ="../html_examples/059_form_select_01.html"> HTML表单控件(Form Control)-下拉框(select)单选</a><br><a href ="../html_examples/060_form_select_multiple.html">HTML表单控件-下拉框(select)多选(multiple)</a><br><a href ="../html_examples/061_form_select_multiple_size1.html">HTML表单控件-下拉框多选-下拉框设置(size)</a><br><a href ="../html_examples/062_form_textarea.html">HTML表单控件-多行输入框(textarea)</a><br><a href ="../html_examples/064_form_input_image.html">HTML表单控件-图片提交(input type=image)</a><br></p><H2>HTML图片(Image)示例</H2><p><a href ="../html_examples/045_insert_image.html">在HTML里插入图片</a><br><a href ="../html_examples/046_image_align.html">HTML里图片的对齐方式(Align)</a><br><a href ="../html_examples/047_image_size.html">HTML的图片大小(Height,Width)</a><br><a href ="../html_examples/048_image_alt.html">HTML图片的说明(Alt属性)</a><br></p><H2>HTML字体(font)示例</H2><p><a href ="../html_examples/050_font_size.html">HTML字体大小(font size)</a><br><a href ="../html_examples/051_font_color.html">HTML字体颜色(font color)</a><br><a href ="../html_examples/052_font_face.html">HTML字体风格(font face)</a><br></p><H2>HTML网页背景颜色和背景图片示例</H2><p><a href ="../html_examples/009_bgcolor.html">HTML背景颜色</a><br><a href ="../html_examples/013_add_background_image.html">HTML里加背景图片</a><br></p><H2>HTML头部信息(Head)示例</H2><p><a href ="../html_examples/063_meta_refresh.html">利用Meta的Refresh自动跳转到指定页面</a><br></p>
<!--articlepart end-->

</div><div></td>
<td class=a3><div class=wslink>

<div class=wsportrait>
<img src="../images/logo/blabla_logo02.gif" class=blablalogo21>
</div>

<div class=wslgreen><div class=box><div class=box>
<h2>布啦布啦旗下网站</h2>
<p><a href="../index.html">布啦布啦网页教程与代码</a></p>
<p><a href="http://www.wowstory.com">小斧的魔兽世界</a></p>
<p><a href="../wow/index.html">小斧的魔兽世界镜像</a></p>
<p><a href="http://hardware.blabla.cn">数码资讯</a></p>
</div></div></div>


<div style= "background-color:#FFFFF0;
12

⌨️ 快捷键说明

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