HTML Tutorial II – Simple Tags for Your Usage

5 minute read

HTML is one of the easiest languages to learn. Specification: Programming languages. But I’m pretty sure you understood what I meant.

HTML is easy, because once you learn how to use tags, it is all a matter of incorporating tags in a nice, clean manner to make the website aesthetically brilliant. But HTML itself will not give you a nice, clean website. You need a balance of HTML, CSS, Javascript, and PHP as well as XML, ASP and others (depends on your goal). A metaphor for these languages is like a car. HTML is the frame of the car, seats, hood, glass, CSS is the paint and luxury accessories, Javascript is the engine and wheels, while PHP, XML, ASP (and others) are hood ornaments and other items. Anyways, I digress.

So if you learned the basics of HTML programming, all you’ll need to learn are the awesome tags. Here is a chart with the tags and what they do. It isn’t all the tags, just some basic ones. For this tutorial, look over the tags, and then scroll down.

 

</tr> </tr> </tr> </tr>

Tag What it Does Example What Example Looks Like
</td> Bolds Text Bolded Text Bolded Text
</td>
Centers Text
Text
Text
</td> Changes Font <font face=”Arial”>Text</font> Text

,

,

… </td>

Heading Size (notice the smaller the number, the larger the heading)

Heading

 </p>

Heading

Heading</td>

Heading

Heading

Heading</td> </tr>

</td> Italicizes words Text </p>

<font face=”Arial”>Cool Text</font></td>

Text
Cool Text
  • </td>
  • Creates an input box  </p>

    <li type=”disc”>Item 1</li>

    <li type=”disc”>Item 2</li>

    <li type=”disc”>Item 3</li>

    <li type=”disc”>Item 4</li>

    <li type=”disc”>Item 5</li>

    <li type=”disc”>Item 6</li>

     </td>

     </p>

     

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6
  •  </td> </tr>

    </td> Optional around a list; It indents  </p>

    <li type=”disc”>Item 2</li>

    <li type=”disc”>Item 3</li>

    <li type=”disc”>Item 4</li>

    <li type=”disc”>Item 5</li>

    <li type=”disc”>Item 6</li>

    </menu>

     </td>

     </p>

     

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6
  •  </td> </tr>

    </td>

    Turns the Text into a Paragraph
     </p>

    <p align=”center”>

    What would I do without Dr. Joe Blabbah V to provide me with a nonstop source of snarky ballyhoos to complain about? Let us note first of all that we can’t stop Dr. Blabbah overnight. It takes time, patience and experience to grant people the freedom to pursue any endeavor they deem fitting to their skills, talent, and interest. Although he has tremendous popular appeal if I chose to do so I could write exclusively about Dr. Blabbah’s fickle, gormless antics and never be lacking for material. Nonetheless, I’d rather spend some time discussing how just because Dr. Blabbah and his forces don’t like being labelled as “piteous megalomaniacs” or “treacherous philosophasters” doesn’t mean the shoe doesn’t fit. What kind of loser wants to diminish our will to live? A loser like Dr. Blabbah. I like to say that his sophistries will come back to bite us in the behind faster than you can say “counterintelligence”. Dr. Blabbah never directly acknowledges such truisms but instead tries to turn them around to make it sound like I’m saying that it’s okay if his utterances initially cause our quality of life to degrade because “sometime”, “someone” will do “something” “somehow” to counteract that trend. I guess that version better fits his style—or should I say, “agenda”? While this letter hasn’t provided anything in the way of a concrete plan of action, it may help us focus our thinking a little better when we do work out a plan. For now, we must listen to others. I will doubtlessly be happy to have your help in this endeavor. (Courtesy of www.pakin.org)

    </p>

    </br></td>

     </p>

     

    What would I do without Dr. Joe Blabbah V to provide me with a nonstop source of snarky ballyhoos to complain about? Let us note first of all that we can’t stop Dr. Blabbah overnight. It takes time, patience and experience to grant people the freedom to pursue any endeavor they deem fitting to their skills, talent, and interest. Although he has tremendous popular appeal if I chose to do so I could write exclusively about Dr. Blabbah’s fickle, gormless antics and never be lacking for material. Nonetheless, I’d rather spend some time discussing how just because Dr. Blabbah and his forces don’t like being labelled as “piteous megalomaniacs” or “treacherous philosophasters” doesn’t mean the shoe doesn’t fit. What kind of loser wants to diminish our will to live? A loser like Dr. Blabbah. I like to say that his sophistries will come back to bite us in the behind faster than you can say “counterintelligence”. Dr. Blabbah never directly acknowledges such truisms but instead tries to turn them around to make it sound like I’m saying that it’s okay if his utterances initially cause our quality of life to degrade because “sometime”, “someone” will do “something” “somehow” to counteract that trend. I guess that version better fits his style—or should I say, “agenda”? While this letter hasn’t provided anything in the way of a concrete plan of action, it may help us focus our thinking a little better when we do work out a plan. For now, we must listen to others. I will doubtlessly be happy to have your help in this endeavor. (Courtesy of www.pakin.org)

     </td> </tr>

    </td> </p>

    </tr>

    </p>

    </tr>

    </p>

    </tr>

    </table></td>

    </tr>

    </p>

    </tr> </p>

    </tr>

    </table></td>

    </tr> </td>

    </strong> </p>

    </tr>

    </table></td>

    </tr> </tr></tbody> </table>

     

    Okay. You picked out some tabs you want to make use of. All you gotta do with them now is place them in the following template and make a small webpage. Just remember to have the ending tag and you’ll be good to go. The Following Template is a standard Template you could use to make any simple webpage. Just place your tags between and and you’ll be good to go.

    </p>

    </p>

    Insert Name Here

    </head>

    </p>

    </body>

    </html>

    Have Fun!!!! :)

    Makes a Table <table border=”2″> </p>

    Table (1,1) Table (1,2) Table (1,3)
    Table (2,1) Table (2,2) Table (2,3)
    Table (3,1) Table (3,2) Table (3,3)
    Table (1,1) Table (1,2) Table (1,3)
    Table (2,1) Table (2,2) Table (2,3)
    Table (3,1) Table (3,2) Table (3,3)
    Table Data – Allows you to fill the rows you worked so hard to make <table border=”1″> </p>

    Box
    </strong>Stuff in The Box</td> </p>

    </tr>

    </table></td>

    Box
    Stuff in The Box
    </td> Table Header <table border=”1″> </p>

    </strong>Emphasis on Header</th> </p>

    Stuff in The Box
    Emphasis on Header
    Stuff in The Box
    Table Row <table border=”1″> </p>

    See the Table Row?
    Stuff in The Box
    See the Table Row?
    Stuff in The Box
    </td> Underline Byte Revel is Brilliant just like Joe Blabbah Byte Revel is Brilliant just like Joe Blabbah

    Leave a Comment