How to create paragraph in html

 <!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewportcontent="width=device-width, initial-scale=1.0" />
    <title>Paragraphs and headings</title>
  </head>
  <body>
    <!-- H tage is used for the heading and ther are six type of the h tage writen as h1.h2...h6 h1 greatest size and h6 is smallest size of heading -->
    <h1>MAin heading with greatest size</h1>
    <h2>Next heading but size smaller than the main heading</h2>
    <h3>
      third heading with smaller size than the main heading and second heading
    </h3>
    <h4>Smalle size than first second and third and placed at forth number</h4>
    <h5>fifth number of sixth headin with second last heading size</h5>
    <h6>last heading size with sexth number font size</h6>
    <!-- P is used for th epragraph tage and it is only one type as p for the parafraph -->
    <!-- strong tage is used to  bold the values used in htis tage same as b bold vLUEs used in this tage -->
    <!-- em tage is used to emphasize the alphabets same is the italic tage but css also many other styles can be used with using em tage so it is more helpfull and recomanded -->
    <!-- hr tage is used for the line space and create a line where we used it -->
    <!-- br tage is used for the new line space is note coded by the html it can be placed by the br tage -->
    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati facere
      <strong>
        eos quaerat delectus autem culpa molestias reprehenderit saepe dolore </strong
      >atque eligendi vel sit, praesentium dignissimos doloribus corporis
      numquam aliquid.
    </p>
    <hr />
    <p>
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid deserunt
      suscipit rem expedita provident fuga corporis<br />
      quod officiis libero non, doloribus consequuntur
      <em><b> nihil iure delectus natus consectetur</b></em> dolor vero cum
      voluptas molestiae asperiores est <br />sapiente enim? Id nostrum
      praesentium nam, consequuntur omnis mollitia voluptate culpa. Recusandae
      laborio sam ducimus illo?
    </p>
    <!-- if we wanna create more than one paragraph then we write it as p*7 and it will create 7 paragraph  -->
    <p>my name is usman</p>
    <p>my father name is mukhtar ahmad</p>
    <p>i am in bechulars</p>
    <p>study computer science</p>
    <p></p>
    <p></p>
    <!-- <p></p>to move in the next line with out space and countinous line we will use control+enter button and move to the new line from the countinous line  -->
    <!-- body and paragraph will be ended there and we will move to next html page for img and link  -->
    <p>
      this is end of the body and paragraph and we will move to next to study
      image and link tage
    </p>
    <p><strong>Thanks</strong></p>
  </body>
</html>

Post a Comment

Let us Know...!

Previous Post Next Post