Programming.a.baby - (Html5) Web Page structure
By pol1ce
Article 1
What to Know First
You may already know:
- How to create an Web page file with notepad or an Html editor
- How to work with shortcut keys inside text documents
If not, just click one of the links above and then return here to continue the tutorial.
.
Head
Open your Notepad or your favorite Html Editor and lets write.
The 1st Thing an Html Document must always Have is it's HEAD Tag
Take a look how we write an Head Tag bellow:
<head> </head>
Head's Title
HEAD Tag is very important for the following things
- Indentifieing your document's Title
- Your document's Language
- Metatags Keyword, Author, Description...etc
- Declaring Scripts and Styles
- Etc...
********** ********** **********
Confused? Don't be, lets make it easy for now:
The most important thing the HEAD must contains, is the Document's Title
Check it how we write a Title "My First Web Page"
<head> <title>My First Web Page</title> <head>
Body
Second Thing an Html file needs is the Body
The Body is where you write and almost do all the work like:
- Writing text and links
- Adding images
- MAking tables and other Html tags
- etc...
Note that if we want we can write code or text directly inside the body, between the Open and Closing Body tags, but it will be a bad procedure.
Take a look in how we should'nt do:
<body> This is not a very good idea to write our text because we can't control it with other tags and we can erase it accidentaly. <body>
Body (the right way to do it)
We should use always an internal body Tag or element to insert our text.
For now we will use a Layer (DIV) tag
Look how we can do it right
<body> <div> This is a good idea, and this DIV will control everything that goes inside </div> </body>
More Articles on this Theme
.
Next article -->
Programming.a.baby - (Html5) Head's Meta Tags
|||
<-- Previous Articles -
Programming.a.baby - (WebDesign) Create a simple WebPage
.
Comments
Short and simple, unlike most HTML 'primers.'. Well done...
P.s. Kim, I use thesis theme for wordpress, just getting started but it seems worth the outlay. Others tell me semiologic but I haven't tried that. Feel free to contact me if you want to play around with theme...A.Junk, on your fb list.
Hi pol1ce thanks for all this great information !
Hi
Thank you for the comment.
1) WEB LINK SUBMISSION - I just added your Website in the SINAL Search Engine, you can click here ( http://www.sinal.eu/?lg=en&ss=lyricsingray&ca=Web& ) to check it. If you wish to add more websites, just go to the main page ( http://www.sinal.eu/ ) and click on ( Add Url)
2) WEBSITE KEYWORDS LACK - If you notest, you will only find One single result for your page, you will discover that is because the Search engines will get your Title as a Keyword since there are lack of KEYWORDS in the Source Code.
3) METATAGS LACK - If you navigate to your website and click in VIEW SOURCE CODE, using the tools of your navigator you will find that there are no KEYWORDS, DESCRIPTION, AUTHOR, LANGUAGE Metatags inside your Webpage's HEAD.
Please use this Tool from SINALSOFT to build your Metatags is a couple of minutes ( http://www.sinalsoft.com/tools/?lg=en&com=&msg=&as )
4) NEXT ARTICLE - My next article of PROGRAMMING A BABY it will be about METATAGS, i think it will be finish in the next hours
5) NEXT STEPS - You should follow my next Hubs of PROGRAMING A BABY, because i will explain all the necessary work to do in the easiest way i can
6) QUESTIONS - Keep asking and i will answer with good HUB articles ;)
Thank you very much Wizard (The Wizard of Junk)
I do it easy because i know that people do not think the same way.
Is always encouraging to read a good comment like yours
Thz kashmir56
kimberlyslyrics 16 months ago
most helpful
accept for us mac losers ha
have my website www.lyricsingray.com
wordpress
full blogging site
and hon never been so lost in my life
i feel strongly to make it into a blogging community for charities
i think there is a video tutorial for WP i will look for and pray
i have paid in full
all elements are there
do you have any suggestions what my first step should be?
it would be of great help
i have severe add so i need it to be fast
if that makes sense
thanks officer
cheeers
lyrics