Creating Web Page with HTML

  • Two main tools are required to begin creating web pages with HTML. For writing and editing, we need a text editor and a web browser for page display and interactivity.

    Text Editor: Text editors are a platform to write HTML commands. We can use any editor for editing HTML code. Visual Studio Code or Sublime Text are the best tools for this purpose.

    Web Browser: The Web Browser’s principal role is to test or display website pages. Examples include Internet Explorer, Google Chrome, Microsoft Edge, etc.

    Basic structure of an HTML Document.

    HTML

    In each HTML document, < HTML > and < /HTML > tags indicate the beginning and end of the document. These tags tell the browser that the document is an HTML file. We write all other HTML tags inside these tags.

    We can split the HTML document into two sections:

    • Head Section
    • Body Section

    Head Section: <head> and </head> tags identify the heading or title of the document. The tags <title> and </title> can appear only in this section. The text between these title tags appears as the title in the browser window. Its length must not be more than 60 characters.

    Body Section: The body of an HTML document contains the data that appears on the site page. The body is enclosed within <body> and </body> tags. It describes the document’s format and structure. 

    Example

    The following HTML code displays a simple text on the web page.

    HTML

    Attributes

    Some significant attributes of the <body> tag are as follows:

    • BGCOLOR: Used to specify the background color of the body tag.
    • BACKGROUND: It specifies the background picture of the web page.
    • TEXT: This specifies the color of the text present inside the body tag.

    Example

    HTML

    In the above example, the background color is red, and the text color is yellow. We can use a color hexadecimal code or color name as an attribute value.

    HTML

    In the above example, “Pic.png” will appear in the background. It should be in the same directory as the web page. If the image is in another directory, we write the whole path of the picture in the attribute.

  • Watch Video on YouTube

    How to create HTML Page?

  • HTML
    CSS
    JS
  • Ad #1
    Ad #2
    Scroll to Top