You may want to make a website, and may have tried all the free services out there.(I have too!) They are either too limiting, tiring, full of ads, or what ever, but you may be dissatisfied. Well, this tutorial is for you! Even you don't have a bee in your bonnet to have a site, it's a cool skill to have. So how are you going to make a site? The answer is simple! You'll learn Html! What's Html, you might ask. It stands for hyper text markup language. Sounds daunting, eh? Nope. In just a few short posts you'll be making great websites! So lets get started.
The first thing you'll need is a simple text editor. For mac users, Text edit will work. On windows, Notepad is your man. If you are on mac, please read: you'll need to change your settings. In tet edit, click on the text edit part of your top bar, and select preferences. Next, under new document, make sure that Plain Text is selected under format. Then, under open and save, check off ignore rich text commands in html and Add .txt extension to plain text files. Now you are good to go!
Step two: Your first page
Open a new document. In it, We are going to type:
*Please note: Html in this tutorial will apear in bold italics. In your text editor, it shouldn't apear like this.
You see those lines? Those tell your computer "in between those two tags is html". Notice I said Tags. Tags are the building blocks of html. There are many different types of tags for signifying content. Do you also see the last tag has a / before it? That means it's the end of the tags. You got all that? Now lets add some content in there! Now make your document look like this:
Now notice the head and body tags. For you, the body is the most important. It's where every thing that's going to appear on your webpage goes. In the head, that's where meta and javascript go. (We'll get to that later.) Now why don't we put some words on your webpage. Now type this:
<p>This is normal paragraph text</p>
You are putting the paragraph tag in between the body tags so it will apear on our site. See how the text that you want to be displayed on the pages is in between its own set of tags signifying its type.(In this case, its paragraph text.) Any text that you want to apear must go in between some type of tag.
To display your masterpiece to the world, first you need to save it as a html document. To do this, go file → save as. Name it what you want, but the file extension must be html!
After saving, open it up in a web browser. You should see the text "This is normal paragraph text."
This is the first in a series of posts to teach you the basics of html. In between posts, I strongly encourage you to practice your new skills. If you have any questions or comments, please leave a comment, and I will try to get back to you.
blakekathryn
turnnoffyourmind
ellievsbear
vaporwave
stormborns
annaxmalina
romaincrisis
