Jassif Team Institution

HTML Paragraphs

ஒரு பத்தி எப்போதும் ஒரு புதிய வரியில் தொடங்கும், மேலும் இது பொதுவாக உரைப் பகுதியாக இருக்கும்.

Example

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTML Display

HTML எவ்வாறு காட்சிப்படுத்தப்படும் என்பதை நீங்கள் உறுதியாக சொல்ல முடியாது.

பெரிய அல்லது சிறிய திரைகள், மற்றும் அளவு மாற்றப்பட்ட சாளரங்கள் வெவ்வேறு முடிவுகளை உருவாக்கும்.

Example

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>

HTML Horizontal Rules

<hr> குறிச்சொல் ஒரு HTML பக்கத்தில் ஒரு கருப்பொருள் முறிவை வரையறுக்கிறது, மேலும் பெரும்பாலும் கிடைமட்ட விதியாகக் காட்டப்படுகிறது.

<hr> உறுப்பு HTML பக்கத்தில் உள்ளடக்கத்தைப் பிரிக்க (அல்லது மாற்றத்தை வரையறுக்க) பயன்படுகிறது:

Example

<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>

HTML Line Breaks

HTML <br> உறுப்பு ஒரு வரி முறிவை வரையறுக்கிறது.

புதிய பத்தியைத் தொடங்காமல் வரி முறிவு (புதிய வரி) வேண்டுமென்றால் <br> ஐப் பயன்படுத்தவும்:

Example

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

The Poem Problem

இந்த கவிதை ஒரு ஒற்றை வரியில் காட்சிப்படுத்தப்படும்:

Example

<p>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</p>

Solution - The HTML <pre> Element

HTML <pre> உறுப்பு முன்பே வடிவமைக்கப்பட்ட உரையை வரையறுக்கிறது.

<pre> உறுப்புக்குள் உள்ள உரை நிலையான-அகலமுள்ள எழுத்துருவில் (பொதுவாக Courier) காட்சிப்படுத்தப்படுகிறது, மேலும் இது இடைவெளிகள் மற்றும் வரி முறிவுகள் இரண்டையும் பாதுகாக்கிறது:

Example

<pre>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</pre>

Exercise

HTML Tag Reference

Jassif Team இன் குறிச்சொல் குறிப்பு HTML உறுப்புகள் மற்றும் அவற்றின் பண்புக்கூறுகள் பற்றிய கூடுதல் தகவல்களைக் கொண்டுள்ளது.