HTML First Page

From CoderLearner
Jump to: navigation, search

Description

A web page contains various HTML tags and Elements. In the following chapter, you learn how to use the various HTML tags and Elements in detail.

Syntax

  • My_TITLE can be replaced with your own page title. It is for your web page title.
  • My_BODY can be replaced with the page content.
<!DOCTYPE html>
<html>
   <head>
      <title>My_TITLE</title>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   </head>
   <body>
      My_BODY
   </body>
</html>

Note

A web page has to have a valid naming convention; you should name your web page with the extension of html or htm.

  • Here is a valid name
    • homepage.html
    • mypage.html
    • productinfor.html
    • product-infor.html

Example 1

<!DOCTYPE html>
<html>
   <head>
      <title>My First Title</title>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   </head>
   <body>
      <h2>Welcome to my home page</h2>
      <p>
         I am learning how to develop web-site by using HTML.
      </p>
   </body>
</html>

Try It

Example 2

<!DOCTYPE html>
<html>
   <head>
      <title>My First Title</title>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   </head>
   <body>
      <h3>Dear Dr. Bob</h3> 
      <p>
         Good Morning Dr. Bob, I would like to visit you tomorrow.
      </p>
      <p>
         There are a lot of problems related to my research papers.<br/>
         I hope to talk with you in person for more detail.
      </p>
      <p>
         As we have discussed previously, I need more detail on the research.
      </p>
      <p>
         I believe you will have time for this appointment.
      </p>

      Sincerely yours, 
      <h3>
         John
      </h3>
   </body>
</html>

Try It

<seo metagenerator="HTML Beginner" title="HTML Beginner Tutorial" metakeywords="HTML Beginner Reference, HTML ID, HTML Class, HTML Font, HTML Line, HTML Image, HTML Format, HTML Tool Tip" metadescriptions="HTML For Beginner, HTML Tutorial, HTML Sample Script, HTML Reference"/>