The Basic's of HTML
Getting Started:
Need to know:
Greater and less then symbol > <
Forward slash /
Equals =
Double Quotes " "
They are used for the tags.
Example:
<html>
<body text="red">This text would be red</body>
</html>
All tags need the greater and less then symbols around them. < >
Most tags need a beginning tag and a ending tag, also know as opening and closing tags.
In this case I am bolding the tags.
Example:
opening tag <body>The content of web page</body> closing tag
In closing tags there needs to be a forward slash "/ "
When the tags have a forward slash " / "after the tag name then they do not require a closing or ending tag.
But the backslash after is not necessary. But it is a good reminder that it does not need a closing tag.
Example: <br/> also works if you just have <br>
Common tags used:
<!- - Inserts a comment not viewable on web page, notes for you or other coders - ->
<p> Is a paragraph tag </p>
<h1> Is a heading tag, makes fonts bigger or smaller. Goes from H1 to H6 </h1
<b> Is a bold tag </b>
<i> Is a italic tag </i>
<u> Is a underline tag </u>
<a> ancor tag, used for links and other things </a>
The ones below do not require a closing tag.
<br/> Is a line break, like pressing enter to go to a new line.
<hr/> Is a horizontal line
The ones below do not require a closing tag.
<br/> Is a line break, like pressing enter to go to a new line.
<hr/> Is a horizontal line
The basic set up of a HTML document.
<html>
<!doctype>
<head>
<title>The title</title>
</head>
<body>
The content on your page.
This is the only content that shows.
</body>
</html>
Copy and paste this into a text editor. Only what is in between the <body></body> tags will appear.
CHANGING BACKGROUND COLOR:
If you want to change the background color of the page you have to type within the <body> tag, add the attribute and then the color.
Example: <body bgcolor="red"> This will change the background to red. </body>
ADDING A IMAGE:
If you want to add an image to the web page you have to type in between the <body> tag and the </body> tag. Typing <img src="name of image"> Places and image on the page.
Example:
<body>
<img src="name of image">
</body>
ADDING A HYPERLINK:
If you want to add a hyperlink to your web page then you have to type between the <body> tag and the </body> tag. Typing <a href"name of URL"> Link to a different web page </a>
Be sure to close the tag.
Example:
<body>
<a href="name of URL"> Link to a different web page </a>
</body>
I hope this was helpful I will be coming out with a Advanced HTML in the near future so check back often.
No comments:
Post a Comment