simple step to create HTML page or website

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

PHP Development Training Program( Course) : 90 Days / 3 Months

Duration : 90 Days/3 Months

PHP Training at Debuggers Lucknow: PHP Training in Lucknow at Debuggers is designed as per the Industrial Requirement with Live Project. Join Best PHP Training Institute in Lucknow with 100% Job Assi

Python Development Training Program( Course) : 45 Days /6 weeks

Duration : 45 Days / 6 Months

Python Training at Debuggers Lucknow:  Python is one of the hot and trend skills with wide-ranging applications. The demand for Python engineers is increasing day by day. Python training is

Java Development Training Program( Course) : 45 Days/6 weeks

Duration : 45 Days / 6 Weeks

Java Training at Debuggers Lucknow: Debuggers provide the best Java Training courses in Lucknow for students. Debuggers java training center has an accomplished team of experienced Java faculty

.Net Development Training Program( Course) : 45 Days/6 weeks

Duration : 45 Days / 6 Weeks

DOT NET Training at Debuggers Lucknow: Dot Net is a software technology, which was introduced by Microsoft in the year 2002. Dot Net is a Framework technology, that means which is integrated with mul

Android Development Training Program( Course) : 45 Days/6 weeks

Duration : 45 days / 6 weeks

Android Training at Debuggers Lucknow:  Android is the “heartbeat” of the mobile software industry as it powers the multi-thousands of smartphones. There are a million of users aroun

iOS Swift Development Training Program( Course) : 90 Days/3 months

Duration : 90 days/ 3 Months

Best ios swift app iPhone training in Lucknow  Debuggers provide the best iOS swift App training in Lucknow. Debuggers beginner to programmer provides the best iOS Apps iPhone training

Unity 3D Game Development Training Program: 180 days/6 Months

Duration : 180 Days/ 6 Months

Unity Game Training at Debuggers Lucknow: Unity 3D is a Multilevel game engine for making 2D and 3D video games, also it is creating multiple types of virtual reality environments like AR and VR tech

Angular Training Program( Course) : 45 Days/6 weeks

Duration : 45 Days / 6 Weeks

Angular Training in Lucknow at Debuggers is designed as per the Industrial Requirement with Live Project. Join the best Angular Training Institute in Lucknow with 100% Job Assistance. Debuggers h

NodeJS Development Training Program( Course) : 45 Days/6 weeks

Duration : 45 Days / 6 Weeks

NodeJS Training at Debuggers Lucknow: Debuggers provide the best NodeJS Training courses in Lucknow for students. Debuggers NodeJS training center has an accomplished team of experienced No

UI/UX Development Training Program( Course) : 45 Days/6 weeks

Duration : 45 Days / 6 Months

UI/UX Training at Debuggers Lucknow: The UI/UX Training course in Lucknow at Debuggers is designed as per the latest industrial requirement with Live Project. Join Best UI/UX Training Institute in Lu

Digital Marketing Training Program( Course) : 45 Days/6 weeks

Duration : 45 Days / 6 Weeks

Digital Marketing Training at Debuggers Lucknow: Debuggers is the most credible Digital Marketing training institute in Lucknow based on current industry standards. Debuggers is offering hands-on pra

Software Testing Training Program( Course) : 45 Days/6 weeks

Duration : 45 Days / 6 Weeks

Software Testing Training at Debuggers Lucknow: Debuggers is the best Software Testing training institute in Lucknow. Here beginners or learners will get practical training on Software Testing by our

ReactJS Training Program( Course) : 180 Days/ 6 months

Duration : 6 Months

ReactJS Development Training at Debuggers Lucknow: ReactJS Training in Lucknow at Debuggers is designed as per the Industrial Requirement with Live Project. Join Best ReactJS Training Insti

Machine Learning Training Program( Course) : 180 Days/6 months

Duration : 180 Days/ 6 Months

Machine Learning Development Training at Debuggers Lucknow Machine Learning is one of the hot and trend skills with wide-ranging applications. The demand for Machine Learning using Python engine

Did not find your answer?

Just call at +91 9026200046 for emergency service