HTML- Part 1

on

 


   HTML Basic to advance: HTML is the standard markup language for creating Web     pages.

   What is HTML?

  • HTML stands for Hyper Text Markup Language
  • HTML is the standard markup language for creating Web pages
  • HTML describes the structure of a Web page
  • HTML consists of a series of elements
  • HTML elements tell the browser how to display the content
  • HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.
   A sample for HTML document:

 <!DOCTYPE HTML>
 <HTML>
 <head>
 <title>Page Title</title>
 </head>
 <body>

 <h1>My First Heading</h1>
 <p>My first paragraph.</p>

 </body>
 </html>
 

    Example Explained:

  • The <!DOCTYPE html> declaration defines that this document is an HTML5 document
  • The <html> element is the root element of an HTML page
  • The <head> element contains meta information about the HTML page
  • The <title> element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)
  • The <body> element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
  • The <h1> element defines a large heading
  • The <p> element defines a paragraph

   What is HTML element?
   An HTML element is defined by a start tag, some content, and an end tag:
   syntax:<tagname> Content goes here... </tagname>

   




    

                         HTML Editors




 HTML text editors are used to create and modify web pages. HTML codes can be written in any text editors including notepad. One just needs to write HTML in any text editor and save the file with an extension “.html” or “.htm”.

Some of the popular HTML text editors
  • Notepad
  • Notepad++
  • Sublime Text 3
  • Atom
  • GeeksforGeeks IDE

 Brackets  is also source code editor

                            

                   HTML Comments



##The comment tag ( <!-- Comment-->  ) is used to insert comments in the HTML code. 

##It is a good practice of coding, so that coder and the reader can get help to understand the code.

##It is useful to understand the steps of the complex code. The comment tag is helpful while debugging codes.

Types of HTML Comments: There are three types of comments in HTML-

  • Single-line comment
  • Multi-lines comment
  • Using <comment> tag

  ###Using <comment> tag: There used to be an HTML <comment> tag, but currently, it is not supported by any modern browser.

 Syntex: <comment>This is heading tag</comment>

Comments

Post a Comment