In our networks class, we are working towards our HTMl coding exam. We basically need to code in HTML language to match the picture of the webpage end product supplied to us. Sounds simple enough… to most.
After freaking out, I grabbed Webpages for Dummies from the shelf, got onto Youtube and I decided to get serious and bring it back to basics.
HTML language has been around for a while now. It’s a fairly primitive language as far as networks and computers go. Essentially, you employ a program such as Notepad (if you don’t have anything else this is your first stop to test out your HTML skills) or TextWrangler… You open this application and begin writing in HTML to code for the physical attributes of the webpage you desire.
But, for us technology noobs here’s how I got through preparing for this important Network Media event.
You’ve got to put the HTML tag at the very beginning and very end of your coding sequence. It’s like a beginning and end saying, THIS IS HTML.
It looks like this:
<html>
</html>
Then we add to this:
<html>
<head>
</head>
</html>
The head tag codes for the the information about the webpage. This will be displayed.
For example…
<html>
<head>
<title>Hello World</title>
</head>
</html>
Secondly we have to make a tag for the body of the webpage… this is where the majority of the information is going to go. And, as you guessed, the body of the webpage has the tag <body> </body>
So, simply add it in…
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
We will want to make headings, for example…
‘The Red Project’ is the MAIN heading of my blog.
‘HTML: How To Minimise Losing it’ is another smaller heading. The stuff in this blog is your plain old content!
How to do this?!!?
<h1> </h1> is the largest text (this would be used for the main heading of your webpage)
<h2> </h2> is the second largest… all the way to <h6> </h6> which is the smallest! It’s pretty simple. 1 = largest font 6 = smallest font
https://www.youtube.com/watch?v=bWPMSSsVdPk >>> The most helful YouTube How-To
“http://www.w3schools.com/html/html_intro.asp” >>> Great instructions if you prefer reading to watching