Understanding Html ^_^ -->to The Basics

free web hosting
Free Web Hosting > SPAM & JUNK > JUNK Posts

Understanding Html ^_^ -->to The Basics

chocolatxbliss
Okay, so I was bored and i decided to make an HTML tutorial where you can learn the basics and stuff happy.gif

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

 

 

 


Reply

techocian
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! wink.gif

 

 

 


Reply


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

Recent Queries:-
  1. understanding html linker - 195.23 hr back. (1)
Similar Topics

Keywords : understanding, html, basics

  1. Crazy Guy Likes Super Mario And Zelda Too Much
    Skills beyond understanding (1)
  2. Good Books For Html And Css Beginners
    (1)
    Hi all, Know any good books or tutorials for beginners? I've been using Site points learn
    "Build your website the right way using HTML and CSS and can't recommend it enough. It's
    completely XHTML compliant and is a great starting point? Seen anything else useful? I'd be v
    interested in finding out about Javascript for beginners type things. Thanks, ....
  3. Basic Html Tutorial
    Made it myself, hope you like it. (1)
    HTML stands for hyper text markup language. It is a basic coding language used on almost every
    website. There are some tags in HTML which must be used, whilst others are enhancing, but not
    essential. Below I shall list the essential tags and there uses: This tells the browser that
    the language between the tags is going to be HTML so it knows how to read it. Inbetween those tags
    come These tags tell the browser that all the content that you wish to be displayed is in there.
    They are the only essential tags for HTML! The list is short but if you only use them your ....
  4. What You Need Before You Can Create A Text-based Game..
    Using PHP, HTML and MySQL (7)
    Please comment and rate, after you finished reading! /smile.gif" style="vertical-align:middle"
    emoid=":)" border="0" alt="smile.gif" />
    ################################################################# Change log: Aug 22 2008: The
    Tutorial Was Created. V1.0.0 Aug 30 2008: Added XHTML and a small CSS part. Also corrected some
    small things and added this change log. V2.0.0
    ################################################################# OK.. Many people here want to
    create text based games. Many of you ask us here on the forums: "how to create a text-based game....
  5. Joomla Template Kit Extension For Nvu/composer
    help in understanding how to change html template to joomla (3)
    Hi Everyone, I am becoming quite (a lot) interested in designing with joomla, and need an
    understanding of how to use the template kit extension in Nvu/Composer. There doesn't appear to
    be any tutorials available on how to use a HTML template to insert and design with joomla modules.
    Is there anyone who could shed some light on this subject. It would be MUCH appreciated.....
  6. Indentation In Html
    (4)
    Whenever I start a new project one of the first things I do is put in a base index.php page. Yes,
    it's a .php file, but I won't be looking at the PHP just yet. Normally, it looks a little
    something like this: CODE               Title                                    
                   I've already got a few basics set out that I tend to stick to. For
    instance, so far each of my projects has been XHTML Strict, which is why it's always up there.
    Similarly, I use the same character set, and (at least initially) have two CSS files calle....
  7. Php: Lesson #2; If...else Statements.
    Basics of If...Else statements. (1)
    Alright, this is part #2 of my PHP Lessons. We will go into depth with more of the, scripting part
    of PHP. Things you should know. 1. Basic PHP 2. Understanding of scripting. If...Else statements
    1. If...Else statements are used if you want your script/scripts to do something based on a
    variable. CODE if (condition) code to be done if condition is true; else code to be done if
    condition is false; ?> 2. With that, you're probably a bit still confused as to what it's
    doing, I was too at first. Look at the next code for a better explanation. This is if t....
  8. Web Editor
    great application for your html and javascript development (0)
    Aptana IDE is a free Integrate Development Environment great for HTML/CSS editing and Javascript
    development The best feature in my opinion is the autocomplete feature , both in html and css mode
    it not only give you the suggestion but informs you about compatibility in different browsers and
    vresions same in javascript mode It is based on Eclipse IDE, it's free and can be extended
    help you with your php editing need to it's free and defenitely worth a try LINK ....
  9. Php:lesson #1
    The basics of PHP. (4)
    First off, we need to meet each other. I am Archimedes! xD I chose this name because I have a joy
    for mathematics and calculators and such. Archimedes is the man who discovered Pi(3.14159). Things
    you should know before we start Lesson #1. 1.HTML 2.General scripting knowledge or what it actually
    does. Alright, to the PHP lessons. 1.PHP stands for PHP; Hypertext Preprocessor. 2.PHP is used
    all around the world to build dynamic web pages and web sites. Basic Syntax 1. All PHP scripts
    start with the 2. To write something in PHP, we use the 'echo' or 'pr....
  10. How To: Display A Members/user List.
    With PHP, Mysql, and HTML. (3)
    Alright, some of you might want to display your User's or Members on your site. Notes: 1.This
    is to fit in with Feelay's register and Log-in scripts you can find in the tutorial section. 2.I
    made this to show the members of my site who is a member and what their ID is. First off, we must
    set up a connection to our MySQL Database. CODE $con =
    mysql_connect("localhost","database_username","database_username_password"); if (!$con)   {
      die('Could not connect: ' . mysql_error());   } What it does: 1.It is starting a PHP
    document. 2.Next it sets....
  11. Style P And H? Html Tags
    (2)
    Well, I have found that css was very hard to predict and precise control their apperance. When mix
    and use the p and h? tags. Their apperaence were not identity. Place the h? tags within the p tag
    causes style error on both firefox and IE. So, anyone should do it reserved, instead, place the p
    tag with any h? tags will do the jobs on both browsers. Still learning it coz it much varies when
    doing styles. Tested it on XHTML 1.0 Strict....
  12. Yaml - (x)html/css Framework
    (2)
    The YAML (Yet Another Multicolumn Layout) Framework is an excellent open source project that helps
    you to create two or three columns (X)HTML/CSS floated layouts. This framework is very easy to use
    and allows you to modifiy it to your own needs, this framework offers some tools for rapid
    development of modern and accessible CSS layouts. QUOTE Yet Another Multicolumn Layout (YAML)
    is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is
    extremely versatile in its programming and absolutely accessible for end users. Based on w....
  13. Javascript Tutorial For Beginner
    Using Javascript in HTML page (0)
    In this tutorial I will show you how you can put JavaScript in a HTML page. It is very easy to add
    JavaScript in a HTML page. We will use tag for this purpose. Inside the tag, we will use "type="
    attribute and will define the scripting language. We will define the script language as
    “text/javascript”. After define the script language we will add our JavaScript codes and
    at last we will close the tag using . So the complete code will be- CODE (Place for our
    JavaScript codes) Now we will use “document.write” command (it i....
  14. Increase Your Knowledge Of Html Language
    (11)
    For Creating good website you have to be master in HTML Language. It is a scryptic Language. If you
    want to Learn this language than visit the link http://zwqa.page.tl/Increase-you-HTML-Knowledge.htm
    ....
  15. Sitepoint's Css And Html Reference Sites
    (2)
    Recently the folks at SitePoint.com launched two excelent online reference sites for web designers
    and developers, the first one is the SitePoint CSS Reference and the second one is the SitePoint
    HTML Reference (Beta) . Both of them are free and available to anyone and everyone who needs to
    lookup any information related to CSS and HTML in an easy and fast way. The SitePoint HTML
    Reference (Beta) is still in progress. Also, both of them are very detailed and up-to-date on each
    subject and are focused not only to beginners because they covers from general to advance....
  16. Html Basic Tutorial
    <!-- For beginners only --> (9)
    Knowledge HTML stands for H yper T ext M arkup L anguage. You cannot create an HTML file
    using a rich-text editor, such as Microsoft Word or Wordpad. HTML To write a basic HTML, you will
    need to start with this: CODE The html > tag tells the browser that this is an HTML page.
    To close any tag, the same tag will be repeted but with the "/" sign. For example, CODE   
         Page title    Did you notice the /title >, /head > & /html > tags? That's how we
    close the tag. The HEAD > Tag A head > tag will include the meta >, titl....
  17. Need Help Understanding Parts Of An Assignment (involves Microsoft Office).
    (9)
    QUOTE At the beginning of the term our staff is busy with enrolments. Students are given a
    discount if they pay the course fee in advance. The staff needs to calculate and record the course
    fees paid by students. To make this task easier for our staff you will need to design a template
    which can be re-used each term. Include appropriate headings. You should create and enter formulas
    to calculate the No. of Days paid in Advance, the Discount and the Course Fee Paid. Use a VLOOKUP
    function in your template to determine the discount rate to be used for the calcu....
  18. Basics Of Php For Beginners - Suggestion
    Help Needed For Project (5)
    Hi all, I have a friend who, for his extended IT project is interested in making a website partly
    out of php. When he asked for advice my first thought was here. I would like to know some good
    websites, tutorials etc that he can use to introduce himself to php (he hasn't done much
    before). He is interested in making a simple login/subscription service where you can signup and
    then login to a 'members only' page. Any ideas and code samples that you have to share would
    be greatly appreciated. /tongue.gif" style="vertical-align:middle" emoid=":P" border="0" a....
  19. Tutorial: Dreamweaver, 3ds Max, Flash, Html, Css
    Dreamweaver, 3DS MaX, Flash, HTML, CSS (8)
    Hi all, This is a continuation thread from my previous topic: Photoshop Tutorials, A large list of
    tutorials links! here: www.astahost.com/photoshop-tutorials-t14351.html I'm posting some
    Dreamweaver, 3DS MaX, Flash, HTML, CSS Tutorial links here! I got these links from various
    places! Please reply to this, If you find them as an useful one! CSS Tutorials
    http://www.westciv.com/style_master/academy/css_tutorial/ http://maxdesign.com.au/
    http://www.htmlgoodies.com/beyond/css/index.php http://www.echoecho.com/css.htm
    http://www.htmldog.com/ http://w....
  20. Converting PSD To HTML
    (11)
    Hi I m new to this site. I have designed a layout in PSD. What i want is to know how can I slice
    the PSD to build a Cross-Browser Compatible HTML file. Thank U.....
  21. [tutorial] Basics Of C Programming - Part 2
    (21)
    Ok, well here is the Second part of the tutorial i promised. Operators & Expressions in C
    Introduction In c the variable, arrays or
    function references are combined with operators to form expressions.
    Eg. C=A+B The data items that the operators act upon are
    called operands. Some operators require two operands will others
    require just a single operand to act upon. Types Of Operators : ....
  22. [tutorial] Basics Of C Programming - Part 1
    (11)
    Well, I was going through a few posts on C / C++ on asta .. and found a very less C related
    subjects. I went through the entire tutorial of mastercomputers >>HERE .. It was a nice
    tutorial for guys who have a little knowledge of programming basics and want to go into hardcore
    programming. Since there was no Basic overview of what C was, i thought of writing one /smile.gif"
    style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif" />. I wil make shure that what i
    write will be 100% accurate, but its human to error so please correct me if i am wrong. Let....
  23. HTM vs HTML: Whats The Difference ?
    (22)
    hi friends, Does anybody know the difference between .htm and .html files. I am wondering why there
    are two extensions for the same type of files!! Even some hosts make the index.htm as the home page
    and some do the other way. Isn't there any standard for making the home page. Some even use
    default.htm as home page. When the page with different extension is present then it gives a 404
    (Page Not Found) Error. Any light in that direction will be of much help. Regards.....
  24. The Very Basics Of Animation
    (8)
    Welcome, Many people feel they want to learn animation and want to do those animated effects. Most
    people think animation is very hard, but the fact is it isn’t at all. I thought that if I created a
    tutorial it would help people ion this situation to understand these basics of animation and how
    easy it really is once you spend some time with the piece of software you use whether it’s
    Macromedia MX Flash or something else, I use ImageReady, part of Adobe Photoshop and is very useful
    for animating. I wrote this tutorial for beginners wanting to learn the basics of Animati....
  25. Imho, You'll Be Rotfl!
    A guide to understanding Email stupidity (12)
    IMHO, you'll be ROTFL! A guide to understanding Email stupidity
    ----------------------------------------------------------------------------------------------- By:
    Cube Domain Created: October 22, 2005 Licensed To: Astahost The Internet is, in the most general
    sense, quite stupid actually. Inhibitions are unknown, ignorance could not be more prevalent, and
    idiocy is the language of the majority of Internet users. They’ve even gone as far as inventing
    their own acronyms. You may use this guide to comprehend the language found mainly in email and
    message boards. W....
  26. Free Shoutbox? HTML, Flash or PHP Code
    (24)
    does anyone know where i can find a free shoubox thats customisable? it can be in html, php or flash
    format. thanks in advance paul....
  27. Switching Forms - VB.NET
    Some VB.NET Basics (2)
    When I started coding in VB.NET I was unsure of how to switch forms at a click of a button or any
    other event. So for anyone with the same problem this is for them. First you must have at least two
    forms in the project. If you do not know how to add forms to a project heres how: 1) Under the
    "Project" Menu select "Add Windows Form..." 2) In the dialog box that pops up near the bottom you
    will see "Name:" with a textbox beside it. In the text box type the name of the new form. For this
    example we will just use the default name, "Form2.vb" 3) Click "Open" You now have....
  28. Understanding Xhtml
    A practical introduction to XHTML (8)
    A lot have been said about the convenience of using XHTML instead of the well known HTML for the
    development of web pages and often it is not used since it is believed it’s too complicated to
    learn the new language and that it wouldn’t be worth the time and effort. It seems to me that the
    observation mentioned above is mistaken and I believe that it is worth to try to demonstrate that
    it is all the opposite , but not so much with the theoretical argumentation but rather with a
    practical approach covering diverse aspects of the process of developing web pages. Fir....
  29. Converting HTML over to XHTML
    Crossing over to the darkside (13)
    Allow for alterations Well, I've just had to convert another HTML 4.01 Transitional website
    over to XHTML (eXtensible HyperText Markup Language) 1.0 Transitional, I will later on convert over
    to XHTML 1.0 Strict as soon as I write the CSS (cascading stylesheet) file for it but it had to be a
    quick update and removing all presentational elements and placing them in a CSS file is not quicker
    than just altering some tags. So this is where I got the idea to write a How to Convert HTML over
    to XHTML . Let's begin I'm having trouble knowing where to start ....
  30. Basic Tips and Tricks in HTML
    (15)
    Here is some quick links for basic html coding... A quick and easy way to create your first web
    page! -> The easiest HTML guide for beginners You'll learn how to create tables from real
    examples. -> How to create TABLE? You will learn how to create frames from a real example.
    You'll see how to create a borderless frame, how to specify the target frame, etc. -> How to
    build FRAMES? Follow a few easy steps to add sound to your web pages. -> How to add sound to a
    web page? This page tells you how to automatically load a visitor to another web page.....

    1. Looking for understanding, html, basics






*SIMILAR VIDEOS*
Searching Video's for understanding, html, basics
Similar
Crazy Guy Likes Super Mario And Zelda Too Much - Skills beyond understanding
Good Books For Html And Css Beginners
Basic Html Tutorial - Made it myself, hope you like it.
What You Need Before You Can Create A Text-based Game.. - Using PHP, HTML and MySQL
Joomla Template Kit Extension For Nvu/composer - help in understanding how to change html template to joomla
Indentation In Html
Php: Lesson #2; If...else Statements. - Basics of If...Else statements.
Web Editor - great application for your html and javascript development
Php:lesson #1 - The basics of PHP.
How To: Display A Members/user List. - With PHP, Mysql, and HTML.
Style P And H? Html Tags
Yaml - (x)html/css Framework
Javascript Tutorial For Beginner - Using Javascript in HTML page
Increase Your Knowledge Of Html Language
Sitepoint's Css And Html Reference Sites
Html Basic Tutorial - <!-- For beginners only -->
Need Help Understanding Parts Of An Assignment (involves Microsoft Office).
Basics Of Php For Beginners - Suggestion - Help Needed For Project
Tutorial: Dreamweaver, 3ds Max, Flash, Html, Css - Dreamweaver, 3DS MaX, Flash, HTML, CSS
Converting PSD To HTML
[tutorial] Basics Of C Programming - Part 2
[tutorial] Basics Of C Programming - Part 1
HTM vs HTML: Whats The Difference ?
The Very Basics Of Animation
Imho, You'll Be Rotfl! - A guide to understanding Email stupidity
Free Shoutbox? HTML, Flash or PHP Code
Switching Forms - VB.NET - Some VB.NET Basics
Understanding Xhtml - A practical introduction to XHTML
Converting HTML over to XHTML - Crossing over to the darkside
Basic Tips and Tricks in HTML
advertisement




Understanding Html ^_^ -->to The Basics