html inline and blockline tags
blockline tags woh hote hai jo left right puri jagah le lete hai
inline tags woh hote hai jo sirf utni jagah consume kartre hai jitni unki jarurat hoto hai
The HTML <section> tag is used to define sections in a document. When you put your content on a web page, it may contains many chapters, headers, footers, or other sections on a web page that is why HTML <section> tag is used. HTML <section> is a new tag introduced in HTML5.
<div>: The Content Division element. The <div> HTML element is the generic container for flow content. It has no effect on the content or layout until styled in some way using CSS (e.g. styling is directly applied to it, or some kind of layout model like Flexbox is applied to its parent element). div is a block line tag
<span> The <span> HTML element is a generic inline container for phrasing content, which does not inherently represent anything. It can be used to group elements for styling purposes (using the class or id attributes), or because they share attribute values, such as lang .span is a inline tag of html af
the code goes here :--
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>my name is harsh </h1>
<nav>home
about
contact us
</nav>
<section><a href="https://facebook.com"target= _main>
<img src="https://s3-symbol-logo.tradingview.com/facebook--600.png" alt="fb" width="150" hieght="300">
</a></section>
<section>
<div>
<h1>why India is beautiful??</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae soluta ad fugit totam dignissimos voluptatum in? Magnam a, sequi provident totam minus ipsa impedit, harum soluta consequuntur maiores at, odit doloremque molestias maxime illo et beatae facilis explicabo neque nisi distinctio modi placeat. Consequuntur nulla recusandae dolores sint facilis. Cum perferendis excepturi cumque amet modi quis aut quo saepe quod iusto quas repudiandae delectus asperiores, consequatur corporis omnis numquam ipsa quidem obcaecati. Quam eligendi, a accusamus alias inventore consequuntur officia ipsa omnis illum officiis eius repellendus perspiciatis iusto totam illo tempora non doloremque amet nostrum. Cupiditate, minima magnam impedit quaerat, assumenda quos molestias voluptates nemo corporis minus corrupti provident quia, quasi dicta aut libero magni. Eligendi laboriosam, quo illum et error mollitia amet. Esse dolorum labore consequuntur vitae velit quas dolor doloribus officia praesentium aut perferendis soluta, dolore ipsum maxime cupiditate! Blanditiis deleniti provident illo impedit ea maxime dolorem aliquam. Voluptatum a corrupti quos adipisci, nam, laborum dolorem rerum unde, itaque sapiente quidem illo aut? Veritatis itaque necessitatibus perspiciatis sapiente! Commodi eligendi, vitae at, dicta assumenda exercitationem illum, ipsa nemo eos sapiente blanditiis saepe labore pariatur molestias ratione natus atque fuga explicabo nostrum rerum! Odio at autem ullam quaerat quasi!</p>
</div>
<div>
<h1>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores, distinctio molestias est similique sed dolore, rem, quaerat tempore tenetur inventore commodi. Ipsam, exercitationem repellendus excepturi at minima magni nulla tenetur!</h1>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sapiente animi ut ratione possimus iusto magnam consequuntur similique velit distinctio voluptatibus, odio, eos tempore incidunt voluptatem quidem dicta autem quaerat quod optio id numquam. Facere explicabo deleniti delectus ratione necessitatibus laboriosam labore eum, saepe reprehenderit dolores atque obcaecati non eligendi sunt voluptatum culpa voluptate, facilis consequatur blanditiis fugit, minima dolor vitae amet expedita. Corrupti reiciendis in dolores eum dolorem. Inventore, consequatur id alias voluptate quia laboriosam dolor. Id voluptatum minima neque soluta! Placeat tempora excepturi ut commodi blanditiis corporis nostrum illo, facilis optio vero molestiae! Ea provident, ducimus aliquam quasi dicta aut id veniam eius molestias eos? Blanditiis, voluptates vitae! Odit repellat hic ullam illo at et magnam non? Ipsa animi, consectetur eum nam quis ullam voluptas beatae aspernatur quo quisquam eaque? Distinctio labore, dolor, culpa ab minus reiciendis soluta eius aspernatur veritatis vitae autem numquam? Quis et unde suscipit sed.
</p>
</div>
</section>
<span><p>my name is harsh</p></span>
<!-- <span><p>i ma another span</p></span> spann is an example of inline element -->
</body>
<footer>this id footer</footer>
</html>
Comments
Post a Comment