HTML help

hbdragon88

haunted by blackness
Joined
Aug 10, 2002
Messages
3,745
Location
somewhere
For the past week or so I've been learning basic HTML through a tutorial. Today I finally decided to start trying to code in it. Unfortuanely I'm running into trouble; I'm hoping someone could help.

<html>
<head>
<title>HBDragon88's Homepage</title>
</head>
<body>
<p><div align=center>This is <h1>hbdragon88's homepage</h1></div align=center></p>
<hr>
<p>However, this is not the right one. The right one is <a href="http://maxpages.com/hbdragon88/">here</a>. The Geocities site is just for hosting images and crap, nothing else.</p>
<hr>
<p>Before you go to that site, though, here are some recommended links and utilities that I use:</p>
<ul>
<li><a href="http://www.soft1st.com/psnvault.html"target="blank">Personal Vault</a> - Store passwords securely
<BR><BR>
<li><a href="http://www.pawprint.net/wt/"target="blank">WorldTime</a> - Computer clock
<BR><BR>
<li><a href="http://admuncher.com/"target="blank">Ad Muncher</a> - Effective ad-blocking tool

RIGHT HERE IT GETS CUT OFF

<li><a href="http://lavasoftusa.com/"target="blank>Ad-Aware 6</a> - Adware removal tool
<BR><BR>
<li<a href="http://opera.com/"target="blank>Opera 7.21</a> - An alternative browser I use to Internet Explorer
</ul>
<BR><BR>
~hbdragon88
</body>
</html>

On the "RIGHT HERE IT GETS CUT OFF", that's where, when previewing in Geocities, it gets cut off. I don't get why, can someone help? Thanks.
 
Here are the mistakes I've found:

Symbols in red mean what you have to add:

Missing closing quotation mark in this link:
<a href="http://lavasoftusa.com/"target="blank">Ad-Aware 6</a> - Adware removal tool

The same here plus missing closing bracket in <li>:
<li><a href="http://opera.com/"target="blank">Opera 7.21</a> - An alternative browser I use to Internet Explorer
 
<li><a href="http://www.soft1st.com/psnvault.html"target="blank">Personal Vault</a> - Store passwords securely
<BR><BR>
<li><a href="http://www.pawprint.net/wt/"target="blank">WorldTime</a> - Computer clock
<BR><BR>
<li><a href="http://admuncher.com/"target="blank">Ad Muncher</a> - Effective ad-blocking tool
RIGHT HERE IT GETS CUT OFF
<li><a href="http://lavasoftusa.com/"target="blank>Ad-Aware 6</a> - Adware removal tool
<BR><BR>
<li<a href="http://opera.com/"target="blank>Opera 7.21</a> - An alternative browser I use to Internet Explorer
Hm - IIRC - it is better to have some space between the href="" and target=""

I had no trouble viewing this in mozilla firebird however.

What was pointed out above is a good pointer - whenever I open notepad to write, I do something like this:

<html>
<head>
<meta name="author" content="Paalikles">
<title>Paalikles' test page</title>
</head>
<body bgproperties="fixed" color="#000000" bgcolor="#FFFFFF"" topmargin="10" leftmargin="10" onLoad="window.status='';return true">

<h2>Some hints and tips</h2>

<p>Whenever I write something complex - requiring MANY long tags - I make extra space for them</p>

<p><b>Like this tag for example:</b></p>

<p><i><a href="http://www.google.com" target="_blank" onMouseover="window.status='Just an example';return true" onMouseout="window.status='';return true">Google</a></i></p>

<p>I went crazy with that one, but my point is - when writing in notepad, or another application that you type tags into - you might forget to close a tag, thus the browser will have difficulties showing them. The solution is to keep the source tidy, making error checking easier for yourself.

</body>
</html>

Also - while this may look fine and dandy in your browser, not all browsers are configured to view the same fonts etc. For that, try experimenting with this tag:

<font face="Arial" color="#004400" size="2">TEXT HERE</font>

Remember that once you close a font tag, you will have to open a new one to continue formatting the text to your liking :)
 
Rewrote some parts:

Code:
<html>
<head>
<meta name="author" content="Paalikles">
<meta name="keywords" content="">
<meta name="description" content="">
<title>HBDragon88's Homepage</title>
<base font="arial">
<base target="_self">
</head>
<body bgcolor="#FFFFFF" color="#000000" topmargin=20 leftmargin=20 onload="window.status='';return true">


<p>
<div align=center>This is <h1>hbdragon88's homepage</h1></div>
</p>

<hr color="#000000" size="1">

<p>However, this is not the right one. The right one is <a href="http://maxpages.com/hbdragon88/" target="_self">here</a>.

The Geocities site is just for hosting images and crap, nothing else.</p>

<hr color="#000000" size="1">

<p>Before you go to that site, though, here are some recommended links and utilities that I use:</p>

<ul>
<li><a href="http://www.soft1st.com/psnvault.html" target="blank">Personal Vault</a> - Store passwords securely
<li><a href="http://www.pawprint.net/wt/" target="blank">WorldTime</a> - Computer clock
<li><a href="http://admuncher.com/" target="blank">Ad Muncher</a> - Effective ad-blocking tool
<li><a href="http://lavasoftusa.com/" target="blank">Ad-Aware 6</a> - Adware removal tool
<li><a href="http://opera.com/" target="blank">Opera 7.21</a> - An alternative browser I use to Internet Explorer
</ul>

<p>
<a style="text-decoration:none;" href="mailto:youremailhere"><i>~hbdragon88</i></a>
</p>

</body>
</html>
 
Originally posted by Paalikles

What was pointed out above is a good pointer - whenever I open notepad to write, I do something like this:

[...]

<font face="Arial" color="#004400" size="2">TEXT HERE</font>

Remember that once you close a font tag, you will have to open a new one to continue formatting the text to your liking :)

Thanks - a big problem I have whenever adding HTML tags it gets really crowded and I often miss closing tags. And I'll keep in mind adding font tags, too.
 
you can go to veiw source, and by studying the source of websites you can learn a lot html code (if not all of it)
 
yeah, i'd just suggest closing off all your tags. while technically you don't have to, it's nicer to use and look at (and less likely to stuff up).
 
I always use (and have seen it done this way):

<a href="http://www.url.com" target="_blank">My Link</a>

Dunno if it makes a difference....
 
Some suggestions for target in the anchor tag (<a blabla>):

_self = opens in same window
_blank = opens a new window with a blank page, before following the url entered in the tag

[your own specification] is also possible (without the []'s), but that is frame related mostly -> the <frameset> tags are for more advanced beginners at html :)
 
Back
Top Bottom