Instructables
Tags
    Tags are always between a "less than" (< ) and a "greater than" sign (> ). Most tags have a closing tag, with a forward slash. Some tags may have attributes that influence its behavior. Some attributes are defined with data between quotation marks. Tags always embrace each other. Use uppercase characters to make the tags stand out.

    ...
    ...
    ...
    ... right
    ... wrong
Basic web page
    HTML tags start and end the document. The HEAD section contains the TITLE of the webpage, appearing in the title bar of the browser window. The BODY tags contain the actual webpage. All these tags appear only once in every webpage. All other tags described on this page are only usable between the BODY tags.




Put your text here.


Text appearance
    Text can be made bold with a B tag, italic with the I tag, and underlined with the U tag. These tags may be combined.
    bold
    italic
    underlined
Headers
    Headers are constructed with the Hn tag, in which n is 1 for the biggest, through 6 for the smallest header.

enormous


big


normal


small


smaller

very small
Line breaks
    Line breaks are made with the BR tag, paragraphs are constructed with the P tag, they skip a line.

paragraph


    line break
Pictures
    You can add a picture with the IMG tag. The picture itself is a separate file and is called with the SRC attribute. The WIDTH and HEIGHT attributes determine its size and make the page appear faster. The ALT attribute adds a description of the image. The BORDER attribute can add a border around the image. Use only GIF and JPG files. description


 
Remove these adsRemove these ads by Signing Up
Very nicely done instructable (although the pictures at the start were pretty spammy).

One thing you might want to mention (I only flicked through so sorry if you have it) is instead of using the <p> tag, you can use the <br> tag to keep it in the same paragraph, but not on the same line.

Example:

<html>
<body>Dear world,
<br>Instructables is awesome.</br>
</body>
</html>


Output:
Dear world,
Instructables is awesome.

But other than that, fantastic instructable.

Mudbud (author)  Prof. Pickle1 year ago
Thank you sir. At the time of writing this instructable I was about four days into learning HTML myself, so I was a... A noob.. Thanks for making note of the
tag
Raigmoul3 years ago
Very nicely done, a good and simple taster for any beginner out there. Thanks for posting :-)
Mudbud (author)  Raigmoul3 years ago
Thanks
jensenr303 years ago
Very interesting.
Pro

Get More Out of Instructables

Already have an Account?

close

PDF Downloads
As a Pro member, you will gain access to download any Instructable in the PDF format. You also have the ability to customize your PDF download.

Upgrade to Pro today!