Adblock breaks this site

HTML Guide.

Discussion in 'Web Programming' started by Pimpinballa, Jun 24, 2007.

Thread Tools

Thread Tools

  • Thread ID:
  1. Pimpinballa

    Pimpinballa The Magician
    Banned

    Joined:
    Apr 28, 2007
    Posts:
    915
    Referrals:
    0
    Sythe Gold:
    0
    HTML Guide.
    Guide #1: HTML Guide.

    HTML-Hypertext Markup Language

    This is a very basic guide for HTML. HTML GUIDE FOR BEGGINERS.

    *Please be cautious, that there are no examples throughout this guide. You might want to use Microsoft front page if not use Notepad and try out everything the guide teaches you and save as ______.html, make sure you include .html (DOThtml) after your title. Then to open it up in a page go Start>Run>Browse> (Find the file you save it as)>Click the “OK” button.

    HTML is written in the form (known as tags), surrounded by less-than (<) and greater-than signs (>) (tags).

    Please be aware that, that a tag <> goes before the sentence or paragraph you want to change. And end with the tag </> when you want your change to stop at a certain sport. E.g. <html>the dog walked down the street</html>. Some tags don’t need the end tag </> as a result, If you do insert it your changed that you wanted will not occur. Please read carefully.

    -To start HTML use the tag <html> and end with </html>
    - Use the tag <body> and </body> for the body of the HTML page.
    -Use the tag <head> and </head> for HTML formatting information
    -To break a paragraph use the tag <p>
    -To break a line use the tag <br>
    -To pre-format information use the tag <pre> and </pre>
    -To write a title use the tag <title> and </title>
    -To tag contact information use the tag <address> and </address>
    - For a header format/attractive text/organizing in a section/subsections use the tag <h1> and </h1>. <h1> is the biggest and <h7> is the smallest.
    -To end a section with a line to separate text use the tag (hr> and </hr> for a horizontal line.
    -To write text in italics use <> and </i>
    -To write text in bold use <b> and </b>
    - To underline text use <u> and </u>
    -For monospace use <tt> and </tt>-This is a typewriting form of writing
    -For superscripts use <sup> and </sup> -It makes the text go up e.g. h20 the 0 will be high.
    -For subscripts use <sub> and </sub>-It makes the text go down. E.g. H20 the 2 will be at the bottom.
    -To cross out text/add a line through text use <strike> </strike>
    -To change size of text use <font size=”4”> and end with </font>-Text sizes range 1-6. 1 as the smallest and 6 as the biggest
    - To add color/change the color of text use <font color=”blue”> end with </font>. Font colors can also be written like this “#FFD770” which is gold. Different font colors can be found on the internet by searching the phrase “HTML Colors.”
    -To add size and color use <font color=”red”size=”4”> end with </font></font>

    -To change writing style/type/font use <font face=”Arial, Chicago”>special text</font>
    -To use strong text use <strong> and </strong>
    -Code listing <code> </code>
    -Word Defination <dfn> </dfn>
    -Keyboard Text <kbd> </kbd>
    -Sample user input <samp> </samp>
    -Program or other variable <var> and </var>
    -To make unordered lists use <ul> </ul>, each sentence starts with <li> and </li> e.g.
    <ul>
    <li>____-____;</li>
    <li>____-____;</li>
    -You can also do make ordered lists however, it is not added on this tutorial/guide.
    Special Characters:
    -&-&amp;
    -<-&lt;
    ->-&gt;
    -Copyright symbol-&copy;
    -Pointer to WebPages:
    -<a>_____</a>
    -Or to make the link live use < A HREF=”link here “>_______</a>
    -Note, GIF and JPEG are supported by HTML.-GIF and JPEG are picture formats.

    Here is the part where it gets a big complicated:

    How to add a .gif picture:
    -Use the tag <IMG SRC=”banner.gif”>
    -Adding live tabs/buttons use <IMG SRC=”yes.gif”></a>
    < A HREF=”not-ready.html”><IMG SCR=”no.gif”></A>
    -Use the tag ALIGN=top, ALIGN=middle and, ALIGN=bottom to align your image
    -If you don’t want an image to appear to the right add <br> to the end HTML
    -To change size of the image use the tag: <IMG SRC=”windows.gif” WIDTH=”200” HEIGHT=”350”>
    -TO control the vertical and horizontal space around each graphic use tages HSPACE=”10” and VSPACE=”12”
    Animated GIF Images:
    - ALT=”Yahoo Pick’o this week”>
    How to add audio, video and other media:
    -Audio: tag you’re invited listen too <A HREF=”audio.au”>a sample of my rap</a>
    Add mpeg video formats:
    - Code/tag: The new <A HREF=”video.mpg”>Music Video</a> Is finally released.
    -To center text use the tag <center> and </center>
    -To add background color use the tag <body bgcolor="Silver">
    -Add grid use the tag <BODY BACKGROUND=”gridline.gif”>
    -TEXT-color of text on page, LINK-color of hypertext references, VLINK-color of links you’ve visited, ALINK-color of link while mouse button is down on it. to change the colors of these use tag LINK=”yellow” you can also substitute LINK with TEXT and the other codes up above to change the color.
    -Scrolling Text Marquees:
    -<marquee class="html-marquee" direction="left" behavior="scroll" scrollamount="4" ><font color=orange><B> Text here.</A> </font></marquee><p style="font-family:verdana,arial,sans-serif;font-size:10px;"></p>
    <table width="100%" border="0" cellspacing="0" cellpadding=”10”>
    -You can change the direction, behavior, scrollamount, font color and writing type to whatever you want it as. If this marquee did not work please search up marquee on the internet and you might find some better results.
    Javascript will by written here soon!
     
    Pimpinballa, Jun 24, 2007
    #1
  2. mage3158

    mage3158 Grand Master

    Joined:
    Jan 27, 2007
    Posts:
    2,415
    Referrals:
    0
    Sythe Gold:
    330
    Discord Unique ID:
    148244190378196992
    Discord Username:
    Crabby#0989
    Not sure if srs or just newfag...
    HTML Guide.
    You should know that you can't use caps when starting or ending a tag.
    But anyways it's a decent guide, just make it a little bit more colorful so you can read it without going blind.
     
    mage3158, Jun 24, 2007
    #2
  3. MellowYellow

    MellowYellow Guest

    Referrals:
    0
    HTML Guide.
    Yes you can in HTML. In XHTML you cannot but I would advise against XHTML due to poor browser support.
     
    MellowYellow, Jun 25, 2007
    #3
  4. Pimpinballa

    Pimpinballa The Magician
    Banned

    Joined:
    Apr 28, 2007
    Posts:
    915
    Referrals:
    0
    Sythe Gold:
    0
    HTML Guide.
    Yea you can use caps lock.
     
    Pimpinballa, Jun 26, 2007
    #4
< HTML and XHTML guide | A little bit of scripting help... :| >


 
 
Adblock breaks this site