Call Now

What’s App

simple step to create HTML page or website
235 235

simple step to create HTML page or website

Step by step simple guide you have to create HTML pages or websites. enhance your technical skills to boost your programming career.

By, Admin, 10/02/20

  1. What is HTML
  • HTML is the standard markup language for creating web pages.
  • HTML stands for HyperText Markup Language.
  • 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 are represented by tags.
  • HTML tags label pieces of content such as “heading”, “paragraph”, “table”.

          Ex:-

                      <!DOCTYPE html>

                      <html>

                         <head>

                            <title>Page Title</title>

                         </head>

                         <body>

                         <h1>My First Heading</h1>

                         <p>My first paragraph</p>

                     </html>

      2.HTML documents

  • All HTML documents must start with a document type declaration:
  • <!DOCTYPE html>
  • The HTML document itself begins with <html> and ends with</html>
  • The visible part of the HTML document is between<body> and </body>

Explanation:-

  • The <!DOCTYPE html> declaration defines this document to be HTML5.
  • The <html> element is the root element of an HTML page.
  • The <head> element contains Meta information about the document.
  • The <title> element specifies a title for the document.
  • The <body> element contains the visible page content.
  • The<h1> element defines a large heading.
  • The <p> element defines a paragraph.
  1. HTML Heading

HTML heading are defined with the <h1> to <h6> tags.

  • <h1> defines the most important heading.
  • <h6> defines the least important heading.
  • <h1>this is heading 1</h1>
  • <h2>this is heading 2</h2>
  • <h3>this is heading 3</h3>
  • <h4>this is heading 4</h4>
  • <h5>this is heading 5</h5>
  • <h6>this is heading 6</h6>
  1. HTML Paragraph

HTML paragraphs are defined with the <p> tag.

      Ex:-

  • <p>this is the paragraph. </p>
  • <p>this is another paragraph. </p>
  1. HTML Attributes
  • All HTML elements have attributes.
  • Attributes provide additional information about an element.
  • Attributes are always specified in the start tag.
  • Attributes usually come in name/value pairs like name=”value”.
  1. Width Height Attributes
  • HTML images also have width and height attributes, which specifies the width and height of the image.

      Ex:-

                          <img src=”Dimg.jpg” width=”500” height=”500”>

 

  1. Href attributes
  • HTML links are defined with the <a> tag. The link address is specified in the href attribute.

       Ex:-

                         <a href =”https://www.debuggers.in” >this is a link</a>

 

  1. HTML list
  • HTML lists are defined with the<ul>(unordered/bullet list) or the <ol>(ordered/numbered list) tag, followed by<li> tags(list items)

        Ex:-

                            <ul>

                                <li>coffee</li>

                            </ul>

                            <ol>

                               <li>Coffee</li>

                            </ol>

  1. HTML image
  • html image are defined with the <img> tag.
  • The source file(src), alternative text(alt), width, and height are provided as attributes.

        Ex:-

              <img src=”debuggers.jpg “alt=”debuggers.in” width=”100” height=”100”>

  1. HTML Button HTML button are defined with the <button> tag.

        Ex:-

               <button>click me</button>

  1. HTML Responsive web design

Responsive web design is about using HTML and CSS to automatically resize, hide, shrink, enlarge, a website, to make it look good on all devices (desktop, tablets, and phones).

 

Our Popular Programs & Courses

Did not find your answer?

Just call at +91 9026200046 for emergency service