 Understanding Html ^_^ -->to The Basics |
|
|
|
|
  |
 Dec 28 2005, 07:45 PM
Post
#1
|
|
|
Newbie [ Level 2 ]  Group: Members Posts: 27 Joined: 28-December 05 Member No.: 10,338  |
Okay, so I was bored and i decided to make an HTML tutorial where you can learn the basics and stuff
 so, the basic layout of an HTML-based page would be : CODE <html> <head> <title> </title> </head> <body> </body> </html> Basically, EVERYTHING (and I mean everything) in HTML MUST MUST MUST have a closing. (for ex. if you write <b>, then you have to write </b> --> that's the bold code) Most closings are just the opening and then a slash in front of it (<head> -- </head>) Also, a lot of "objects" require apostrophes in them...such as if you do <font face=""> then you have to write times new roman in apostrophes (that code is for changing the font) basically, colors, font names, and...other things...require apostrophes. If something doesn't work, try putting apostrophes, because that may be the reason why it's not working. by the way, if you use hex codes (six digit numeralphabetic codes for EVERY SINGLE color in the rainbow), you don't need apostrophes, but rather, a # in front of them =] Next...I'm going to walk through a "div" code with you (they make box thingysss) <DIV style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid; MARGIN-TOP: 0px; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; OVERFLOW: auto; POSITION: static; WIDTH: 50px; HEIGHT: 0px">TEXT HERE</div> ^that's the code right there...looks liek a buncha wafffffle okay so... <DIV that's like saying what the umm...code's going to be about align="" like how you would like the alignment of the text to be inside the "box" style=the "properties" of the box "BORDER-RIGHT: 0px solid; how you would like your RIGHT border to be (0px means how thick, and the solid part is saying if you'd like it to be a solid line, dotted, etc. there's different ones, such as solid, dotted, double, dashed, groove, inset, outset, ridge) BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid; yeah um same thing MARGIN-TOP: 0px; like, how far from the top you would like the box to be positioned -- you can also make it negative (if you would kind of like it to be like..part of an image or something...) MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; yeah er SAME THING OVERFLOW: auto;asking what you want to happen to the text if it becomes "too much" for the box (there's: visible-everything's visible, no scroll bar; hidden-what doesn't fit won't be shown-no scroll bar ; scroll-there's going to be a scrollbar on "both sides"; auto-it's like a scrollbar too =]) POSITION: static; it like describes the box...static: it's more of a normal box "left" and "top" properties don't do anything; relative: the box is offset and RELATIVE to it's original position; absolute: it's positions can be specified by "left" "top" "right" and "bottom"; fixed: in some ways, the box is sort of fixed -->this is a little confusing, especially if you're new to this...just stick with the "static" property WIDTH: px; how wide you'd like the box to be...if you don't put a number there, it'll adjust to fit the text HEIGHT: 0px"how TALL you'd like it to be, again if there's no number there it'll adjust to fit the text >the end of this entire "property" thing...there's a bunch more but this is more like...the uh standard TEXT HEREput yoru text here =] </div>the closing, the box is over. anything after this will not appear in the box Notice from miCRoSCoPiC^eaRthLinG:
This tutorial - specially the second half doesn't make any sense at all. This has been junked. You're advised to do a better writeup and resubmit the tutorial - with a better logical flow and clearer explanations. Also where you're demonstrating code samples, make sure you include them between CODE or CODEBOX tags.
Reducing Hosting credits worth 11 days This post has been edited by miCRoSCoPiC^eaRthLinG: Dec 29 2005, 04:18 AM |
 |
 
|
|
Dec 29 2005, 03:24 AM
Post
#2
|
|
|
'Prentice de-Zighner Group: Members Posts: 368 Joined: 23-January 05 From: USA Member No.: 2,290 myCENTs:93.97 |
Ok, first off i want to say that you might have put a little effort into this tutorial because of your explanation for each variable in the statement. Unfortunately, you've gone too far with the "written in your own language" rule on the top rules box you get when attempting to submit a tutorial. For example, you might want to cut down on the "like..." phrases. This might be a little difficult at the beginning but soon you will find your posts making more sense in a professional way if you try to write it out as if you're writing an article for the post.
At first look, i was very sure your post was going to be another of those HTML basics tutorials that are not very needed here but after looking upon your "div boxes" tutorial i find it a little more informational than the common HTML basics tutorials. Although plagarism isn't encouraged here, (ok so maybe it's ILLEGAL in fact) you should try looking through other tutorials of how they try to explain div layering. Of course, using your own words is good but sometimes it is good to know what some others might call a certain part of your tutorial that you might've called differently. Also, you might want to proof-read your tutorial before making a submission, correcting grammatical and/or spelling errors along the way. Other than these comments, I find you are very knowledgeable of your topic and have explained these concepts - in a more newbie language style format. Great work! 
|
|
|
|
|
Similar Topics
|
Lo-Fi Version | Time is now: 2nd December 2008 - 01:06 AM |