Home » » Basic Tutorial HTML Text & Font Commands

Basic Tutorial HTML Text & Font Commands

Written By Unknown on Sabtu, 05 April 2008 | Sabtu, April 05, 2008

Before we get started, you should know that HTML almost always uses beginning and ending tags. These tags surround the text that will be affected by the code. A beginning tag is generally a word surrounded by brackets. The closure tag is surrounded by the same brackets but with a forward slash right after the opening bracket.

For example, if you want to bold a portion of a sentence, then you would use <b> for the opening tag and </b> for the closing.

Let's say you want to bold the word "Hello!" in the sentence below. Then your HTML code would look like this :

<b>Hello!</b> My name is Kirana.

The output would be : Hello! My name is Kirana.

Only the word "Hello!" is bolded because the tags surround that word. If you wanted to bold the entrire sentence, then you would have put the closure tag, </b>, after the Word "Kirana". Be sure to always include your closing tag because if you forget, your entire page will be affected by the tag.

You can apply this same concept to many other HTML codes. Here are several basic Codes.

THML Text & Font Commands

  • New Paragraph : <p> Starts a new paragraph and creates a blank line between your new paragraph and the one above it. The closing tag is </p> but is not mondatory.

  • Line Break : <br> This will break your text to the next line. Two <br> tags is eguivalent to one <p> tag. There's no closong tag needed for this one.

  • Bold : <b> Closing tag is </b>

  • Underline : <u> Closing tag is </u>

  • Italics : <i> Closing tag is </i>

  • Centering Text : <center> Closing tag is </center>

  • Left aligning text : <p align="left"> Just use </p> for the closing tag.

  • Right aligning text : <p align=" right"> Just use </p> for the closing tag.

  • Change text color : <font color="red"> The ending for any font tag is just </font>

  • Changing font face : <font face="Arial">

  • Change font size : <font size="3"> (only goes up to 7)

  • Blinking Text : <blink> (only works in Netscape)

  • Scrolling Text : <marquee> (only works in Internet Explorer)


Share this article :

2 Your Comment :

  1. Sebelumnya terimakasih banyak nih..
    Trus saya mo tnya nih, gimana caranya kita menyimpan data ke database. misalnya seperti daftar tamu n passwornya gtu. n apa database yg di gunakan. terimaksih

    BalasHapus
  2. @tubin : kalau buat website yang ada guesbooknya lebih gampangnya pakai cms aja mas, seperti wordpress, joomla dam masih banyak cms gratis lainya yang bisa Anda gunakan :)

    BalasHapus

News & Updates

Baca PostingBaca update terbaru via RSS FEED
Baca Lewat e-mailPengertian RSS FEED?

Daftarkan E-Mail Anda untuk Update terbaru Eko Priyanto Weblog's Serta Tips & Trick Web Design!

Follower

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Eko Priyanto Weblog's - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger