SiteDesignTutorial.com

Adding formatting bold to html text.


A quick recall of what's previously done:
    • Opening a new html document in notepad.
    • Saving the document as html .
    • Viewing the source code of html documents.
    • Editting the html document.
    • Saving changes and seeing the new page in browser.


    If you have any trouble till now, please return back to Introduction to HTML and read the tutorial again.

    Let's Bold some text here



    In the previous chapter, we displayed the text Hello World! in a web page. In this chapter, we will Bold the text like this:
    Hello World!

    Open your html document in a browser. (Double click the document inside the folder).
    Open it's source code in notepad. Right click anywhere on the screen and choose View Source in the menu.

    If you did things right in the previous chapters, Notepad will have the following text in it:


    <html>
    <head>
    </head>
    <body>
    Hello World!

    </body>
    </html>



    Get your cursor at the start of the line that says Hello World!
    Type:
    <b>

    Take the cursor at the end of the line and type:
    </b>

    Remember every tag in html needs to be closed? The / sign represents a closing tag.

    Now your hello world line looks like this:


    <b>Hello World!</b>



    Close the notepad document. You will be asked to save changes. Click yes. Now Do a refresh. ( F5 key on keyboard.)

    Yahoo, the text is Bold!

    You can also bold individual words, or single letters even. All you have to remember is where to open the <b> tag and where to close with </b>.

    See these examples:

    Hello World! (Code: <b>Hello</b> World!)
    Hello World! (Code: <b>H</b>ello World!)

    Try to bold the text "World" in your hellow world line.

    Let's do some italic text now.

    SiteDesignTutorial arrowHTML Text italic