Make children's storybooks online for free. Get your book published to share with family. Read stories in our free online children's book library. Storyboard That's online Storyboard Creator makes amazing visuals and graphic organizers for digital storytelling. Create storyboards, comics, posters, and more!
First open Notepad on your computer. This is where you will write all the code since there is no formatting.
Now create your template page. You can just copy and past my template page. Here is my template page:
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h1>My First Heading</h1>
Create Your Own Story Game App
<p>
<a href='http://www.w3schools.com'>This is a link</a>
</p>
</body>
</html>
Understanding what you see:
Each tag has an open and a close. An open tag looks like this: <html> and a closed tag looks like this: </html>. As you can see the close one just has a slash before the tag. Everything within this open tag and close tag is part of the HTML document. Just as everything within the open tag <p> and close tag </p> is part of that paragraph.
The part that says:
<body>
Specifies that the background color for the whole page is red. You can change the color simply by deleting 'red' and typing in another color like 'green'
The part that says:
Type Your Own Story
<h1>My First Heading</h1>
specifies that the information contained within the heading.. in this case 'My First Heading' will be 20pt aerial font in the color navy
Again you can change this by deleting the info you dont want like say you wanted it bigger.. just delete 20 and put in 30 instead.
The part that says:
<a href='http://www.w3schools.com'>This is a link</a>
This is how you put in a link. This is where your choices will go. In this example when you have your document open as a webpage, the words 'this is a link' is a link. When you click on those words you will be taken to the website w3schools.com
Again, this is not meant to teach you HTML, just give you a fun way to make a game. If you want in depth information on the different tags and uses go to www.w3schools.com