📄 html.html
字号:
<html>
<head>
<title>The Reliable Software HTML Page</title>
<meta name="description" content="HTML Primer.">
<meta name="keywords" content="reliable, software, HTML, tutorial, beginner, create, web, page">
</head>
<body bgcolor="#000000" text="#ffff99" link="#0033ff" alink="#00ff00" vlink="#00ff00">
<font face="arial" size="+1">
<!--Home button and Title-->
<table cellpadding=10 width="100%">
<tr>
<td width="100" align="CENTER" valign="MIDDLE">
<a href="index-11.htm" tppabs="http://www.relisoft.com/index.htm">
<img src="rsbullet.gif" tppabs="http://www.relisoft.com/images/rsbullet.gif" alt="RS" border=0 width=39 height=39>
<p>Programmers' Home Site</a>
</td>
<td width=500 bgcolor="#ff0000">
<font face="arial" color="#ffffff">
<h1 align=center>HTML</h1>
<p align=center>Tutorial for the beginners.
</font>
</td>
</tr>
<tr>
<td width=100></td>
<td width=500>
HTML is really simple to learn. Your pages will look so much better if you create them directly in HTML. This tutorial will introduce the basics and give enough examples to let you start developing your own web site.
</td>
</tr>
</table>
<!-- Comments go between these -->
<table cellpadding=10 width="100%">
<tr>
<td width="100" align="CENTER" valign="MIDDLE">
<i>Your first page.</i>
</td>
<td width=500 bgcolor="#ff6600">
Let's start with the "Hello World!" HTML page. For that purpose, all you need is the page title that will appear in the title bar of the browser when you load this page.
<table cellspacing=4 cellpadding=4 border=2>
<tr>
<td width="200" align="LEFT" bgcolor="White">
<font face="courier" color="#000000">
<pre><html>
<header>
<title> Hello World! </title>
</header>
</html>
</pre>
</font>
</td>
<td width=150 bgcolor=red>
begin HTML<br>
begin header<br>
the title of the page<br>
end header<br>
end HTML
</td>
<td bgcolor=red>
Click <a href="javascript:if(confirm('http://www.relisoft.com/java/hello.html \n\nThis file was not retrieved by Teleport Pro, because it is linked too far away from its Starting Address. If you increase the in-domain depth setting for the Starting Address, this file will be queued for retrieval. \n\nDo you want to open it from the server?'))window.location='http://www.relisoft.com/java/hello.html'" tppabs="http://www.relisoft.com/java/hello.html">here</a> to see the actual page-- the result of this html code. It's empty, but your browser will show "Hello World!" in its title bar.
</td>
</tr>
</table>
By the way, most browsers have the option to "view source" which lets you look at the HTML source code for the page you are watching. If you want to check if the "Hello World!" page was created using the code above, go there and "view source." You can also save the source as a text file with the extension .html (or .htm). You can watch this saved file using your browser (that's also an easy way to test your own creations).
<hr>In HTML you create blocks. Each block starts with a <b>tag</b> that looks something like this:
<br><font face="courier" color="#ffffff"> <tag parameters></font>
<br>and, in most cases, ends with a <b>counter tag</b> of the form
<br><font face="courier" color="#ffffff"> </tag></font>
<br>In the example above all the tags were parameter-less. Notice also how the blocks can be nested one within another.
<p>The outer block of every HTML page is delimited by a pair of <i>html</i> tag-counter tag. Inside it we have a <i>header</i> block. The header contains the <i>title</i> block with the plain text "Hello World!" inside.
</td>
</tr>
</table>
<p>
<!-- -->
<table cellpadding=10 width="100%">
<tr>
<td width="100" align="CENTER" valign="MIDDLE"><i>Text pages.</i></td>
<td width=500 bgcolor="#ffff00">
<font color="#0000ff">
It's fun creating empty pages, but it's even more fun filling them with some text. Everything that the browser shows as your page is the contents of the <i>body</i> block. As you might have guessed, the <i>body</i> block starts with the tag:
<br><font face="courier" color="#000000"> <body></font><br>
and ends with the counter tag
<br><font face="courier" color="#000000"> </body></font><br>
We will continue this tutorial on the next page, that has the following form
<table cellspacing=4 cellpadding=4 border=2>
<tr>
<td width=200 align=left bgcolor="#ffffff">
<font face="courier" color="#000000">
<pre><html>
<header>
<title> Text Page </title>
</header><font color="#ff0000">
<body>
Text tutorial.
</body></font>
</html>
</pre>
</font>
</td>
<td width=150>
<font color="#000000">
begin HTML<br>
begin header<br>
the title of the page<br>
end header<br>
begin body<br>
free form text<br>
end body<br>
end HTML
</font>
</td>
<td>
<font color="#000000">
Click <a href="javascript:if(confirm('http://www.relisoft.com/java/text.html \n\nThis file was not retrieved by Teleport Pro, because it is linked too far away from its Starting Address. If you increase the in-domain depth setting for the Starting Address, this file will be queued for retrieval. \n\nDo you want to open it from the server?'))window.location='http://www.relisoft.com/java/text.html'" tppabs="http://www.relisoft.com/java/text.html">here</a> to see the next (text only) page of the tutorial.
</font>
</td>
</tr>
</table>
</font>
</td>
</tr>
</table>
<p>
</font> <!-- Arial-->
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -