HTML Basics- Orientation
  • Dear Viewer

    We are starting Php and Mysql Web Development online Calsses at the forum. Now you can learn PHP and MySql Web development easily at no cost. You can also ask Questions and discuss problems here.


    Our first class starts from Some Basics of HTML. as you all know HTML and CSS are Prerequisites for PHP so to day i will give you some orientation about HTML.


    Our first Example is


     <!DOCTYPE html>
    <html>
    <body>
    <h1>My First HTML Heading</h1>
    <p>My first html example paragraph.</p>
    </body>
    </html>


    Explanation


    The DOCTYPE declaration defines the document type

    The text between <html> and </html> describes the web page

    The text between <body> and </body> is the visible page content

    The text between <h1> and </h1> is displayed as a heading

    The text between <p> and </p> is displayed as a paragraph


    Writing HTML Using Notepad or TextEdit


    HTML can be edited by using a professional HTML editor like:


    • Adobe Dreamweaver
    • Microsoft Expression Web
    • CoffeeCup HTML Editor

    However, for learning HTML we recommend a text editor like Notepad (PC) or TextEdit (Mac). We believe using a simple text editor is a good way to learn HTML.


    Follow the 4 steps below to create your first web page with Notepad.


    Step 1: Start NotePad

    Step 2: Edit your HTML to Notepad

    Step 3: Select Save as.. in Notepad's file menu.

    When you save an HTML file, you can use either the .htm or the .html file extension. There is no difference, it is entirely up to you. Save the file in a folder that is easy to remember, like codingresolved.html

    Step 4: Run at your Browser

    Simply Double click the file you created, it should be displayed in Browser


    HTML HEADINGS


     <h1>This is a heading</h1>
    <h2>This is a heading</h2>
    <h3>This is a heading</h3>


    Please try Above Headings your self. you will see the difference.

    HTML LINKS


    HTML links are defined with the <a> tag.


    <a href="http://www.codingresolved.com">This is a link</a>

    after href=" You can use your own destination URL link.


    <a href="http://www.codingresolved.com&quot; target="_new">This is a link</a>


    This will open Web page in a new window or tab

    Available targets
    • target="_blank" => Open website in a new window
    • target="_new" => Open website in a new tab/window
    • target="_parent" => Open website in a pop up under the old window
    • target="_self" => Open website in the same window
    • target="_top" => Open website in the same window

    HTML IMAGES


    HTML images are defined with the <img> tag.

     <img src="image.jpg" width="104" height="142"> 

    OR

     <img src="http://www.codingresolved.com/uploads/D2EABHQATZT0.png&quot; width="293px" height="83px">


  • 1 Comment sorted by
  • Thanks sajid bhai..

    Nice tutorial..  keep it up

Howdy, Stranger!

It looks like you're new here. If you want to get involved, or you want to Ask a new Question, Please Login or Create a new Account by Clicking below

Login with Facebook

Tagged

Popular Posts of the Week

Top Posters Weekly

Optimum Creative