<img src="a2_logo.gif" align=top> This code loads an image with the text aligned vertically with the top of the image</img>
Here's the image with the text aligned vertically with the top of the image
One of the best ways to learn HTML is to look at the source code of a page and see how it looks and works. Web browsers like Netscape and Internet Explorer offer the user an option to view the source code of Web pages. When you are viewing a page with Netscape, click on "View." Select "Page Source" from the drop-down menu. Netscape will show you the HTML source of the page you are viewing. If you are using Internet Explorer, click on "View" and select "Source" from the drop-down menu. Explorer will show the HTML as well. This help section will show you the HTML code for doing specific things on your page.
Big Hint! Copy and Paste the top part of each sample right into your page (the textarea). It's easy. Try it!
Q: What's the basic HTML set up for a new page?
The most important lesson to learn in HTML is this: You need to close all of your tags -- every tag you make should have an equivalent closing tag. With that lesson learned, the first tag you will create is the one that tells your computer that you are writing an HTML document.
This is the first tag you should enter:
<HTML>.
Your page will go here...
</HTML>
Is the closing tag.
If you want to include meta tags and other information that is not visible on your page, but which will help search engines find and classify your pages, use these tags.
<head>
put your meta tags here
</head>
All the rest of your HTML should have these tags around it.
<body>
</body>
So, the basic layout of your page should be something like this.
<HTML>
<HEAD>
<META Name="description" Content="The coolest page in the world" >
<META Name="keyword" Content="fun, cool stuff, chat" >
</HEAD>
<BODY>
Hi!
This is my homepage. It is still under construction, so please be patient.
</BODY>
</HTML>
Q: What are some of the basic HTML tags?
<hr> draws a horizontal line
Q: How do I place a title on my page?
To place your page title in the blue bar at the top of your browser, you'll need a Title tag.
<title>my title</title>
<center>
Anything you put between center tags -- text, images, whatever - will be centered.
</center>
Q: How do I change my text size?
<font size="1">Font size 1
</font>
This is font size 1
<font size="2">Font size 2
</font>
This is font size 2
<font size="3">Font size 3
</font>
This is font size 3
<font size="4">Font size 4
</font>
This is font size 4
<font size="5">Font size 5
</font>
Are you getting the idea?
Q: How do I change the color of my text?
<font color="blue">Blue Text
</font>
Berry Blue
<font color="red">Red Text
</font>
Really Red
<font color="yellow">Yellow Text
</font>
Yummy Yellow
Q: How do I make my text bold or italic?
<b>
This will make a region of text bold
</b>
See? This text is bold because it has bold tags around it.
<i> italic letters
</i>
These letters are italic, because - you guessed it. Italic tags.
Q: Isn't there another way to make text bigger and smaller?
If you want your text to be different sizes, you can also use heading tags.
<h1>
Heading size 1
</h1>
Q: How do I use different fonts?
<font face="Helvetica">Helvetica font
</font>
Helvetica font
<font face="New Century Schoolbook">New Century Schoolbook font
</font>
New Century Schoolbook font
<font face="Lucida">Lucida font
</font>
Lucida font
Q: How do I align my text with a graphic?
Top align:
<img src="a2_logo.gif" align=top> This code loads an image with the text aligned vertically with the top of the image</img>
Here's the image with the text aligned vertically with the top of the image
Center align:
<img src="http://www.8op.com/anticrisis/anti.jpg" align=center> This code loads an image with the text aligned to the middle of the image</img>
Here's the image with the text aligned to the middle of it
Bottom align:
<img src="http://www.8op.com/anticrisis/anti.jpg" align=bottom> This code loads an image with the text aligned to the bottom of the image</img>
Here's the image with the text aligned with the bottom of it
<a href="/doc/faq.html"> This code creates a text link to another page on the same server -- notice the page is called faq.html</a>
This links to another page on the same server -- faq.html
<a href="http://www.lycos.com/addasite.html"> This code creates a link to another page on another server</a>
This links to another page on another server
Q: How do I turn a picture into a link?
The first URL in quotes is the address to link to, the second is the graphic location.
<a href="http://www.anticrisis.cjb.net"> <img src="anti.jpg">
</a>
Q: How can I have a picture link to an e-mail address?
Right Click on the picture and click on "save as.." Then upload it to your web site directory and and out this code <a href="mailto:name@domain"><img src="name_of_picture">
Q: How do I make blinking text?
<blink> Make text blink
</blink>
Q: How do I make preformatted text?
<pre>
Turn
on fixed
width font with preformatted text
</pre>
Turn on fixed width font with preformatted text
Q: How do I make an unnumbered list?
<ul>
<li> List item 1
<li> List item 2
</ul>
Q: How do I make a numbered list?
<ol>
<li> PC
<li> Mac
</ol>
Q: How do I make a nested list?
<ul>
<li>List
<ul>
<li>Nested
<ul>
<li>Twice
</ul>
</ul>
</ul>
Q: How do I put my text in a block?
<blockquote>
This will quote a block of text as a separate paragraph like this, indented on both the left and right sides. You may also put other codes inside the blockquote as well, such as a bold, italicized link to point you to
lt;b><i><a href="/doc/teach.html"> other HTML resources which you haven't found here.</a></i></b>
</blockquote>
This will quote a block of text as a separate paragraph like this, indented on both the left and right sides. You may also put other codes inside the blockquote as well, such as a bold, italicized link to point you to other HTML resources which you haven't found here.
Q: Why should I end my filename with .html or .htm?
If you do not end your filename with '.html' or '.htm', it is possible that your Web browser will not display the file properly.
Q: What characters are illegal in a filename?
You can only use one period (.) in your filename. Also, characters like $, !, @, and ? are illegal. Please use only alphanumeric characters.