Advertisement

HTML

Rajnish Pandey March 31, 2023

  

                           HTML                   

                    Introduction :-

                                                      HTML is an acronym which stands for Hyper Text Markup Language which is used for creating web pages and web applications.

Hyper Text: Hypertext simply means "Text within Text." A text has a link within it, is a hypertext. Whenever you click on a link which brings you to a new webpage, you have clicked on a hypertext. HyperText is a way to link two or more web pages (HTML documents) with each other.

Markup language: A markup language is a computer language that is used to apply layout and formatting conventions to a text document. Markup language makes text more interactive and dynamic. It can turn text into images, tables, links, etc.

Web Page: A web page is a document which is commonly written in HTML and translated by a web browser. A web page can be identified by entering an URL. A Web page can be of the static or dynamic type. With the help of HTML only, we can create static web pages.

                     Text Editors :-

  1.   HTML file is a text file, so to create an HTML file we can use any text editors.
  2. Text editors are the programs which allow editing in a written text, hence to create a web page we need to write our code in some text editor.
  3. There are various types of text editors available which you can directly download or use Notepad, but for a beginner, the best text editor is Notepad (Windows) or TextEdit (Mac).
  4. After learning the basics, you can easily use other professional text editors which are, Notepad++, Sublime Text, Vim, etc.
  5. In our tutorial, we will use Notepad and sublime text editor. Following are some easy ways to create your first web page with Notepad, and sublime text.                                                             
  •  Step 1: Open Notepad (Windows)                                                                                                                          
  •   Step 2: Write code in HTML                                                                                                                                    
  •   Step 3: Save the HTML file with .htm or .html extension.                                                                                     
  •   Step 4: Open the HTML page in your web browser                                                                                                     

                    Building Blocks :-

                                          An HTML document consist of its basic building blocks which are:
Tags: An HTML tag surrounds the content and apply meaning to it. It is written between
          < and > brackets.
Attribute: An attribute in HTML provides extra information about the element, and it is 
                applied within the start tag. An HTML attribute contains two fields: name & value.
Syntax
<tag name  attribute_name= " attr_value"> content </ tag name>   
Elements: An HTML element is an individual component of an HTML file. In an HTML file, everything written within tags are termed as HTML elements.
HTML Building blocks

Building Blocks

                    Structure Example :-

<!DOCTYPE html>
<html>
<head>
<title> Html Structure Example</title>
</head>

<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

            The table below describes the tags that have been used in the basic HTML structure above:

   Tag                           Description 
<!DOCTYPE> This is a declaration to show the document type; it helps the web browser to 
                                 display the webpage correctly
<title> </title> This defines the title of the webpage, to be displayed on the tab of a web browser
<html> </html> This shows the start and end of the HTML file
<head> </head> This gives information about the file (metadata)
<body> </body> This defines the main body; everything within the body tags appears 
                                 on the webpage
<h1> </h1>         This defines a heading; <h1> to <h6> tags are used for different-sized headings,
                                with <h1> the largest and <h6> the smallest
<p> </p>                This defines a paragraph

   Updates are coming soon.....                  

Tags
Rajnish Pandey

Posted by Rajnish Pandey

Welcome to Eduecademy! I am Rajnish Pandey, a Engineering graduate with a passion for technology and programming. With a background in Full Stack Java Development and Ethical Hacking, I am excited to share my knowledge and help you learn HTML, CSS, and other essential programming languages. My goal is to make software learning accessible, engaging, and convenient for everyone. Join me at Eduecademy to unlock your potential as a software developer and build amazing websites from scratch! Facebook Instagram Twitter Github YouTube

Post a Comment

0 Comments

We love hearing from our viewers! Your comment is important to us. ❤️