HTML for sodales, LESSON 1
Posted: Sun Dec 05, 2004 9:20 amIn this and the following 7 posts, I'll show you how to create web pages with HTML - the most basic scripting language.
It only takes an hour or two to learn this language. After that, it is just practice.
I will not post any further lessons unless asked. This way I know there is someone who is making some use of this.
After these lessons you should be ready to create pages for Societas Via Romana.
First off, you want to use a text editor such as Notepad.
I prefer Notepad because it will be helpful, but not necessary, to turn Word Wrap on and off.
LESSON 1
THE BASICS
1) Think of HTML as a person. A person named "HTML."
Type the following into Notepad:
Note: Most HTML tags are made up of an opening and closing tag.
2) We need to give our person a "head."
Type a pair of head tags within the html tags so that Notepad now looks like this:
3) We need to give our person a "body."
Type a pair of body tags within the closing head tag and the closing body tag. Notepad should look like this:
4) We need to give our person a "title." Let's call him SocietasViaRomana.
Type a pair of title tags within the head tags, and our title (SocietasViaRomana) within the title tags. Notepad should look like this:
5) Now we want our person to say "hello." Let's type that word within the body tags. Notepad should look like this:
6) Now it is time to see if you did it right.
In Notepad go to File > Save As...
In the File name field, type in mypage.htm. Make sure it doesn't have a .txt ending, otherwise you'll accidently save it as a text file instead of a web page.
In the Save as type field, pull the tab down and select All Files.
Make sure to save the page to your Desktop or My Documents... anywhere where you can find it easily.
After saving the page, double click its icon to view your first web page in your web browser.
It only takes an hour or two to learn this language. After that, it is just practice.
I will not post any further lessons unless asked. This way I know there is someone who is making some use of this.
After these lessons you should be ready to create pages for Societas Via Romana.
First off, you want to use a text editor such as Notepad.
I prefer Notepad because it will be helpful, but not necessary, to turn Word Wrap on and off.
LESSON 1
THE BASICS
1) Think of HTML as a person. A person named "HTML."
Type the following into Notepad:
- Code: Select all
<html>
</html>
Note: Most HTML tags are made up of an opening and closing tag.
2) We need to give our person a "head."
Type a pair of head tags within the html tags so that Notepad now looks like this:
- Code: Select all
<html>
<head>
</head>
</html>
3) We need to give our person a "body."
Type a pair of body tags within the closing head tag and the closing body tag. Notepad should look like this:
- Code: Select all
<html>
<head>
</head>
<body>
</body>
</html>
4) We need to give our person a "title." Let's call him SocietasViaRomana.
Type a pair of title tags within the head tags, and our title (SocietasViaRomana) within the title tags. Notepad should look like this:
- Code: Select all
<html>
<head>
<title>
SocietasViaRomana
</title>
</head>
<body>
</body>
</html>
5) Now we want our person to say "hello." Let's type that word within the body tags. Notepad should look like this:
- Code: Select all
<html>
<head>
<title>
SocietasViaRomana
</title>
</head>
<body>
Hello
</body>
</html>
6) Now it is time to see if you did it right.
In Notepad go to File > Save As...
In the File name field, type in mypage.htm. Make sure it doesn't have a .txt ending, otherwise you'll accidently save it as a text file instead of a web page.
In the Save as type field, pull the tab down and select All Files.
Make sure to save the page to your Desktop or My Documents... anywhere where you can find it easily.
After saving the page, double click its icon to view your first web page in your web browser.
