'+
'This is a VERY simple HTML Tutorial. It just covers basic things like links, pictures, lines, centering, and some font types.
'+
'The basic format of any HTML tag is:<TAGNAME>something</TAGNAME>
Notice the < and the >. Those are what you put tags inside. The / closes the tag.
'+
'Links are among the easiest thing to do in HTML besides just writing stuff. This will show you how to use a link'+
'The basic format of a link is:
<A HREF=\"--1--\">--2--</A>
'+
'--1-- = URL to link to (example: http://www.mypage.com)
'+
'--2-- = Text you want the user to click on (example: Click here to visit my page)
'+
'There are many other things you can do with a link and I won\'t explain them here. Visit HTML Goodies for more advanced tutorials.'+
'
Another easy thing is displaying an image. All you need is to find an image and get the URL of it. It can be from your hard drive (although people not using your computer won\'t be able to see it, or from a location on the internet. That location could be someone elses page (ask for permission), or uploaded to your page. An example of an images URL would be like this: http://www.yourhost.com/yourname/thing.gif . To display an image, look below.<IMG SRC=\"--3--\" alt=\"--4--\">
--3-- = URL of image (example: http://www.yourhost.com/yourname/thing.gif)
--4-- = Name of image (example: Picture of me)
'+
'To create a line, all you have to do is add this:<HR WIDTH=\"--5--\">
--5-- = Width of line with 100% going all the way across the screen (example: 85%)
This will make a line (like the ones on this page). It\'s that simple
'+
'Centering is also very easy. You won\'t need much explanation on this so just look below.<CENTER>
Stuff to be centered (Like images, links, or just text)
</CENTER>
And thats it.
'+
'<B>bold text</B>
'+
'<I>Italicized text</I>
'+
'<U>Underlined text</U>
'+
'<TT>Typewriter text</TT>'+
'Result:
'+
'bold text
'+
'Italicized text
'+
'Underlined text
'+
'Typewriter text'
newwin.document.write(helpcontents);
}
function checkforval() {
if (started == 0) {
alert('Please make changes to the page settings then click \"Start Page\".');
document.form.pagetitle.focus()
}
}
function starttop(pagetitle, titlecolor, bgcolor, textcolor, linkcolor) {
if (document.form.emailaddress.value != "[email protected]") {
started = 1;
if (document.form.bgcolor.value != "bgimage") {
document.form.beforetext.value='\r\n
\r\n\ '+pagetitle+'\r\n \r\n\r\n
\r\n '+pagetitle+'
'
}
else {
var imageloc = prompt("What is the file name of the background image?","");
document.form.beforetext.value='\r\n \r\n\ '+pagetitle+'\r\n \r\n
\r\n '+pagetitle+'
'
}
finishbottom(document.form.emailaddress.value)
}
else {
alert('Please enter a valid E-Mail address');
document.form.emailaddress.focus();
}
}
function finishbottom(emailaddress) {
document.form.aftertext.value='
Got a question or comment?\r\n E-Mail me at '+emailaddress+'\r\n \r\n
\r\n
'
}
function addtext(num) {
thetext = '';
if (started != 0) {
if (num == 1) {
if (document.form.linebreaks.value != "err") {
thetext = document.form.linebreaks.value + '\r\n';
}
}
if (num == 2) {
var imgsrc = prompt("What is the file name of the image?","");
var imgdes = prompt("A description of the Image:","");
thetext = '
\r\n'
}
if (num == 3) {
var linksrc = prompt("What is the URL to link to?","");
var linkdes = prompt("What is the page title it\'s linking to?","");
thetext = ''+linkdes+'\r\n'
}
if (num == 4) {
thetext = '
\r\n';
}
if (num == 5) {
if (document.form.typeoftexts.value != "err") {
thetext = document.form.typeoftexts.value+'\r\n';
}
}
if (num == 61) {
thetext = '\r\n'
}
if (num == 62) {
thetext = '\r\n'
}
if (num == 7) {
var cols = prompt("How many columns do you want?","");
var rows = prompt("How many rows do you want?","");
var bord = prompt("Size of border? 0 \(None\) - 10 \(Big\)","")
document.form.formtext.value=document.form.formtext.value+'\r\n'
for (i = 1; i <= rows; i=i+1) {
document.form.formtext.value=document.form.formtext.value+' \r\n'
for (j = 1; j <= cols; j=j+1) {
document.form.formtext.value=document.form.formtext.value+' | \r\n -What you want in Column '+j+', Row '+i+'-\r\n | \r\n'
}
document.form.formtext.value=document.form.formtext.value+'
\r\n';
}
document.form.formtext.value=document.form.formtext.value+'
\r\n';
}
document.form.formtext.value = document.form.formtext.value + thetext;
}
else {
alert('Please click on \"Start Page\" before adding stuff.');
}
}
function startmid() {
middle = 1;
}
This Web page creation
tool is very easy and will help you make a page in minutes. Just
look below.