web

HTML Page Formatting: Adding a new Paragraph, Line Break, and Blank Space, changing page background, Div tags

by
with no comment
Contents hide
1 HTML Paragraph
2 Adding a Line Break
3 Inserting a Blank Space
4 Changing Page Background
5 Div Tag in HTML
6 Title

HTML Paragraph

Web Technology में HTML (Hypertext Markup Language) एक Markup Language है, जिसका Use Web Page का Structure और Content Create करने के लिए किया जाता है। <p> Tag द्वारा Display किया गया Paragraoh Element, HTML में सबसे अधिक Use किए जाने वाले Element में से एक है| और इसका use Web Page पर Textual Paragraph Create करने के लिए किया जाता है।

Paragraph Element एक Block-Level Element है| जिसका अर्थ है, कि यह Detault रूप से अपने Parent Container की पूरी Width लेता है। Developers Font Size, Color और Alignment को बदलने सहित Paragraph Element को Style करने के लिए CSS (Cascading Style Sheets) का use कर सकते हैं।

Example:





<!DOCTYPE html>


<html>


<head>


<title>HTML Paragraph Example</title>


</head>


<body>


<p>Here is First Paragraph Text</p>


<p>This is Second Paragraph.</p>


</body>


</html>

Output:

html

Adding a Line Break

जब आप एक Paragraph में ही New Line शुरू करना चाहते है, तो इसके लिए <br> Element का use किया जाता है| MS Word की तरह Enter Click करके New Line नहीं दे सकते है| <br> Element एक Paragraph में New Line Define करता है| आप Line Breaks की Coding इस प्रकार कर सकते है|

Example:





<!DOCTYPE html>


<html>


<head>


<title>HTML Paragraph Example</title>


</head>


<body>


<p>This is a paragraph  text<br> with line break.</p>


<p>This is <br>another paragraph <br> with line breaks.</p>


</body>


</html>

Output:

html

Inserting a Blank Space

Web Technology में HTML (Hypertext Markup Language) का use Web Page का Structure और Content Create करने के लिए किया जाता है। कभी-कभी, Text या अन्य HTML Element के बीच Blank Space या Gaps Insert करना आवश्यक होता है। HTML में Space Add करने के कई तरीके Provide करता है, जिसमें Non-Breaking Space Entity और <br> Tag Included हैं।

Non-Breaking Space Entity, जिसे &nbsp; द्वारा Denote किया जाता है| इसका use Blank Space Create करने के लिए किया जाता है, जो Line Break या Word Wrapping से प्रभावित नहीं होता है। यह तब use होता है, जब Text को कई Line में टूटने से रोकना चाहते हैं।

Example:





<!DOCTYPE html>


<html>


<head>


<title>HTML Paragraph Example</title>


</head>


<body>


    <p>This text&nbsp;has a&nbsp;few&nbsp;spaces&nbsp;between&nbsp;words.</p>


</body>


</html>

Output:

html

Changing Page Background

HTML में किसी Webpage का Background Color Set करने के लिए Body Element के अंदर Included <style> Tags के अंतर्गत, बहुत छोटा सा Changing करना पड़ता है| Website के Background को Solid Color, Image,  या फिर Animation की तरह Set कर सकते है|

एक Solid Color का Background Set करने के लिए CSS (Cascading Style Sheets) में background-color की Property का use कर सकते हैं। Property को पूरे Page के लिए Background Color Set करने के लिए body Tag पर Apply किया जाता है।

Example:





<!DOCTYPE html>


<html>


<head>


    <title>My Web Page</title>


    <style>


        body {


            background-color: blue;


        }


    </style>


</head>


<body>


<p>This is a Blue Background</p>


</body>


</html>

Output:

html

Div Tag in HTML

Div Tag को Division Tag भी कहा जाता है। HTML में Div Tag का use Webpage पर Content को Divide करने के लिए किया जाता है| जैसे (Text, Images, Header, Footer, Navigation Bar आदि)। Div Tag में Opening (<div>) और Closing (</div>) दोनों Tag होते हैं, और Tag को Close करना अनिवार्य है। Div Tag एक Block Level Tag है।

Example:

Title





<!DOCTYPE html>


<html>


<head>


<title>Div tag</title>


<style>


div {


     color: white;


     background-color: #c20b7c;


     margin: 2px;


     font-size: 25px;


}


</style>


</head>


<body>


<div> div tag 1 </div>


<div> div tag 2 </div>


<div> div tag 3 </div>


<div> div tag 4 </div>


</body>


</html>

Output:

Post Views: 320
Tags: No tags

Add a Comment

Your email address will not be published. Required fields are marked *