Arcade Prehacks

Page 1 of 2 12 LastLast
Results 1 to 10 of 19
  1. #1
    Senior Member
    Join Date
    Jul 2008
    Posts
    1,871

    HTML markup-language

    Hi! I'm not sure of that is this so much of an tutorial, but anyways.
    It's a ripoff from W3Schools.com, but saves your valuable 2 seconds of time needed to load the page

    HTML is a language for describing web pages.

    • HTML stands for Hyper Text Markup Language
    • HTML is not a programming language, it is a markup language
    • A markup language is a set of markup tags
    • HTML uses markup tags to describe web pages

    [color=#0000FF]_______[/color]

    HTML Documents = Web Pages

    • HTML documents describe web pages
    • HTML documents contain HTML tags and plain text
    • HTML documents are also called web pages


    The purpose of a web browser (like Internet Explorer or Firefox) is to read HTML documents and display them as web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page:
    Code:
    <html>
    <body>
    
    <h1>My First Heading</h1>
    
    
    
    My first paragraph</p>
    
    </body>
    </html>
    Example Explained

    The text between <html> and </html> describes the web page
    The text between <body> and </body> is the visible page content
    The text between <h1> and </h1> is displayed as a heading
    The text between

    and </p> is displayed as a paragraph

    [color=#0000FF]_______[/color]

    What do You need?

    You don't need any tools to learn HTML!
    • You don't need any HTML editor
    • You don't need a web server
    • You don't need a web site


    [color=#0000FF]_______[/color]

    Editing HTML
    Usually, it's best to use an simple text-editing program (Like NotePad)

    However, professional web developers often prefer HTML editors like FrontPage or Dreamweaver, instead of writing plain text. Notepad++ is also a good scripting/coding editor, and it's free!

    [color=#0000FF]_______[/color]

    Creating Your Own Test Web

    If you want to create a test web on your own computer, just copy the 2 files below to your desktop.

    (Right click on each link, and select "save target as" or "save link as")

    mainpage.htm

    page1.htm

    After you have copied the files, you can double-click on the file called "mainpage.htm" and see your first web site in action.


    [color=#0000FF]_______[/color]

    HTM or HTML extension?

    When you save an HTML file, you can use either the .htm or the .html extension. We use .htm in our examples. It is a habit from the past, when the software only allowed three letters in file extensions.

    With new software it is perfectly safe to use .html.
    [color=#0000FF]______________________________________[/color]

    Want to learn more? Visit [color=#40BFFF]w3schools.com/html/html_intro.asp[/color]

  2. #2
    Banned
    Join Date
    Jul 2009
    Posts
    67

    Re: HTML markup-language

    Awesome explanation and I really like that website
    Good job!

  3. #3
    Senior Member
    Join Date
    Oct 2008
    Location
    Having a rave in the UK!
    Posts
    1,706

    Re: HTML markup-language

    Here are a few HTML tags that help make a good page...

    Code:
     -> Comment
    
    <!DOCTYPE> -> Document Type
    
    <a> -> Anchor, <a href="http://www.google.com> </a>
    
    [b] or [b] -> Bold Text
    
    <blockquote> -> Long Quotation
    
    
     -> Gives a single-line break or gap
    
    <caption> -> Table Caption
    
    <cite> -> Citation
    
    <code> -> Computer Text Code
    
    <div> -> A section in a document
    
    [i] or [i] -> Itallics
    
    <font> -> Font like <font size="20"> </font>
    
    <form> -> A form
    
    <frame> -> A frame within a frame set
    
    <h1> to <h6> -> Text size, H1 biggest
    
    <hr> -> Gives a horizontal rule
    
    <iframe> -> Inline subwindows (frame)
    
    <img> -> An image, [i]www.site.com/logo.jpg[/img] </img>
    
    <input> -> Gives a certain input field
    
    <label> -> A label for a form control
    [*] -> List item
    
    <link> -> Resource reference
    
    <map> -> An image map
    
    <meta> -> Meta infomation
    
    <noframes> -> A Noframe section
    
    [list=1] -> Ordered list
    
    
    
     -> Starts a paragraph
    
    <pre> -> Pre-formatted text
    
    <script> -> A script, <script type="text\css"> </script>
    
    <select> -> A selectable list
    
    <span> -> A section in a document
    
    <style> -> A style definition
    
    <sub> -> Sub-scripted text
    
    <table> -> A table
    
    <td> -> Table cell
    
    <textarea> -> A text area
    
    <th> -> Table header
    
    <tr> -> Table Row
    
    <ul> -> Unordered List

  4. #4
    Senior Member
    Join Date
    Jul 2008
    Posts
    1,871

    Re: HTML markup-language

    Most of the tags you gave are old, and not supported in XHTML, which is like the new markup-language.
    You should use Styles or CSS when you want to edit the outlook of the text.

  5. #5
    Senior Member
    Join Date
    Oct 2008
    Location
    Having a rave in the UK!
    Posts
    1,706

    Re: HTML markup-language

    They all still work, definately in IE and Firefox. If they do not work any more, I will edit. Untill then, nothing.

  6. #6
    Super Moderator ZuckeR's Avatar
    Join Date
    Feb 2010
    Location
    Germany
    Posts
    1,779

    Re: HTML markup-language

    Quote Originally Posted by joonaqwe
    Most of the tags you gave are old, and not supported in XHTML, which is like the new markup-language.
    That is not right, the most are still valid XHTML you just have to close some stand alone tags like
    or <img />

    Code:
    It is just stupid to use something like
    <span class="bold">Text</span>
    instead of 
    Text
    You can style all these "old" tags like this in your stylesheets:
    Code:
    b {text-align:center;}
    i {color:#00ff00;}

  7. #7
    Senior Member
    Join Date
    Oct 2008
    Location
    Having a rave in the UK!
    Posts
    1,706

    Re: HTML markup-language

    Yes, well the topic is called "HTML markup-language" so HTML it is. And all of the tags work for me, stange eh?

  8. #8
    Senior Member
    Join Date
    Jul 2008
    Posts
    1,871

    Re: HTML markup-language

    Definitely the stylesheet 'tags' work, didn't talk about them, but about the <u> and <s>,
    Deprecated Tags and Attributes

    In HTML 4, some tags and attributes are defined as deprecated. Deprecated means that they will not be supported in future versions of HTML and XHTML.

    The message is clear: Avoid the use of deprecated tags and attributes.

    These tags and attributes should be avoided:

    Tags Description
    <center> Defines centered content
    <font> and <basefont> Defines HTML fonts
    <s> and <strike> Defines strikeout text
    <u> Defines underlined text
    Attributes Description
    align Defines the alignment of text
    bgcolor Defines the background color
    color Defines the text color
    They sure work, but are deprecated, and probably won't be supported in the upcoming versions of HTML and XHTML.
    Sure, you can use them, there's nothing against that.

  9. #9
    Senior Member
    Join Date
    Oct 2008
    Location
    Having a rave in the UK!
    Posts
    1,706

    Re: HTML markup-language

    And untill then, I will do nothing.

  10. #10
    Senior Member
    Join Date
    Jul 2008
    Posts
    1,871

    Re: HTML markup-language

    Yes, I must say, I was wrong

Page 1 of 2 12 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •