BASICS OF HTML for Beginners

 



 HTML FOR BEGINNERS 


What is HTML?

In simple terms, HTML represents the standard markup language for creating web pages online. It stands for HyperText Markup Language, and its primary function is to establish the structure, layout, and presentation of individual landing pages. While web browsers do not directly display HTML language, it plays a pivotal role in helping to create a visible, accessible and easy-to-use site.

HTML is also underpinned by a number of individual elements, which gradually build web pages, structure the presentation of content and bring your website to life. These elements are created and contained within ‘tags’, which define alternate pieces of content such as headings, paragraphs, and similar examples.

We will explore these elements and their construction in further detail below, while also looking at how they can be personalized to introduce color, links, and variable typography to your website.

 The major points of HTML are given below: 

  • HTML stands for HyperText Markup Language.
  • HTML is used to create web pages and web applications.
  • HTML is a widely used language on the web.
  • We can create a static website by HTML only.
  • Technically, HTML is a Markup language rather than a programming language.

 Popular websites using HTML: 

  • Wikipedia.org
  • Google.com
  • YouTube.com
  • Facebook.com
  • Yahoo.com
  • Baidu.com
  • Reddit.com

The page will be made up of three structural elements:

  1. Header: The header contains content relevant to all pages on your site, such as a logo or website name, and a navigation system. The header is seen on each page.
  2. Main body: This occupies the largest area on a web page. It contains content specific to the page being viewed.
  3. Footer: Footer content usually includes contact information, a shipping address, or legal notices. Like the header, the footer appears on every page, but it’s positioned at the bottom.



 Let's see a simple example of HTML. 

  1. <!DOCTYPE>  
  2. <html>  
  3. <head>  
  4. <title>Web page title</title>  
  5. </head>  
  6. <body>  
  7. <h1>Write Your First Heading</h1>  
  8. <p>Write Your First Paragraph.</p>  
  9. </body>  
  10. </html>  

 Description of HTML Example 

<!DOCTYPE>: It defines the document type or instructs the browser about the version of HTML.

<html > :This tag informs the browser that it is an HTML document. Text between HTML tags describes the web document. It is a container for all other elements of HTML except <!DOCTYPE>

<head>: It should be the first element inside the <html> element, which contains the metadata(information about the document). It must be closed before the body tag opens.

<title>: As its name suggested, it is used to add title of that HTML page which appears at the top of the browser window. It must be placed inside the head tag and should close immediately. (Optional)

<body>: Text between body tags describes the body content of the page that is visible to the end-user. This tag contains the main content of the HTML document.

<h1> : Text between <h1> tag describes the first level heading of the webpage.





Comments

Post a Comment