هر مدرکی با عنوان شروع می شود. می توانید برای عناوین خود از اندازه های مختلف استفاده کنید. HTML همچنین دارای شش سطح عنوان است که از عناصر <h1> ، <h2> ، <h3> ، <h4> ، <h5> و <h6> استفاده می کند . هنگام نمایش هر عنوان ، مرورگر یک خط قبل و یک خط بعد از آن عنوان اضافه می کند.
نسخه ی نمایشی زنده
<!DOCTYPE html>
<html>
<head>
<title>Heading Example</title>
</head>
<body>
<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>
</body>
</html>
این نتیجه زیر را حاصل می کند -
<p> در تگ ارائه می دهد یک راه برای ساختار متن خود را به پاراگراف متفاوت است. هر پاراگراف متن باید بین یک نشانگر <p> و یک بسته </ p> باشد که در زیر در مثال نشان داده شده است -
نسخه ی نمایشی زنده
<!DOCTYPE html>
<html>
<head>
<title>Paragraph Example</title>
</head>
<body>
<p>Here is a first paragraph of text.</p>
<p>Here is a second paragraph of text.</p>
<p>Here is a third paragraph of text.</p>
</body>
</html>
این نتیجه زیر را حاصل می کند -
Here is a first paragraph of text.
Here is a second paragraph of text.
Here is a third paragraph of text.
هر وقت از عنصر <br /> استفاده می کنید ، هر چیزی که در زیر آن است از خط بعدی شروع می شود. این برچسب نمونه ای از یک عنصر خالی است ، در جایی که شما نیازی به برچسب های باز و بسته شدن ندارید ، زیرا در این میان هیچ چیز برای ورود ندارید.
برچسب <br /> بین شخصیت های br و slash رو به جلو فاصله ای دارد. اگر این فضا را از دست ندهید ، مرورگرهای قدیمی تر در ارائه خط شکسته مشکل دارند ، در حالی که اگر شخصیت slash رو به جلو بکشید و فقط از آن استفاده کنید - در XHTML معتبر نیست.
نسخه ی نمایشی زنده
<!DOCTYPE html>
<html>
<head>
<title>Line Break Example</title>
</head>
<body>
<p>Hello<br />
You delivered your assignment ontime.<br />
Thanks<br />
Mahnaz</p>
</body>
</html>
این نتیجه زیر را حاصل می کند -
Hello
You delivered your assignment on time.
Thanks
Mahnaz
برای قرار دادن هر محتوا در مرکز صفحه یا هر سلول جدول می توانید از تگ <center> استفاده کنید .
<!DOCTYPE html>
<html>
<head>
<title>Centring Content Example</title>
</head>
<body>
<p>This text is not in the center.</p>
<center>
<p>This text is in the center.</p>
</center>
</body>
</html>
این نتیجه زیر را حاصل می کند -
This text is not in the center.
This text is in the center.
خطوط افقی برای بصری بخش های تجزیه یک سند استفاده می شود. <HR> برچسب یک خط از موقعیت فعلی در سند به حاشیه سمت راست ایجاد و پرش به خط درآمده است.
به عنوان مثال ، ممکن است بخواهید مانند دو مثال زیر خطی بین دو پاراگراف بگذارید -
نسخه ی نمایشی زنده
<!DOCTYPE html>
<html>
<head>
<title>Horizontal Line Example</title>
</head>
<body>
<p>This is paragraph one and should be on top</p>
<hr />
<p>This is paragraph two and should be at bottom</p>
</body>
</html>
این نتیجه زیر را حاصل می کند -
This is paragraph one and should be on top
This is paragraph two and should be at bottom
باز هم تگ <hr /> نمونه ای از عنصر خالی است ، در جایی که شما نیازی به برچسب های باز و بسته شدن ندارید ، زیرا هیچ چیز برای جابجایی بین آنها وجود ندارد.
<HR /> عنصر دارای یک فضای بین شخصیت ساعت و اسلش. در صورت عدم استفاده از این فضا ، مرورگرهای قدیمی تر در ارائه خط افقی مشکل دارند ، در حالی که اگر شخصیت slash رو به جلو از دست بدهید و فقط از <hr> استفاده کنید ، در XHTML معتبر نیست
بعضی اوقات ، شما می خواهید متن شما از نحوه ی نگارش در سند HTML پیروی کند. در این موارد می توانید از تگ از پیش فرمت شده <pre> استفاده کنید .
هر متنی بین برچسب <pre> افتتاح و بسته شدن </pre> ، قالب بندی سند منبع را حفظ می کند.
نسخه ی نمایشی زنده
<!DOCTYPE html>
<html>
<head>
<title>Preserve Formatting Example</title>
</head>
<body>
<pre>
function testFunction( strText ){
alert (strText)
}
</pre>
</body>
</html>
این نتیجه زیر را حاصل می کند
function testFunction( strText ){
alert (strText)
}
سعی کنید با استفاده از کد مشابه بدون نگه داشتن آن را در داخل <PRE> . </ PRE> برچسب ها
فرض کنید می خواهید از عبارت "12 مرد عصبانی" استفاده کنید. در اینجا ، شما نمی خواهید یک مرورگر بین دو خط "12 ، عصبانی" و "مردان" را بین دو خط تقسیم کند -
An example of this technique appears in the movie "12 Angry Men."
در مواردی که نمی خواهید مرورگر مشتری متن را بشکند ، باید از یک فضای فاقد شکاف استفاده کنید و nbsp؛ به جای یک فضای عادی. به عنوان مثال ، هنگام رمزگذاری "12 مرد عصبانی" در یک پاراگراف ، باید از چیزی مشابه کد زیر استفاده کنید -
نسخه ی نمایشی زنده
<!DOCTYPE html>
<html>
<head>
<title>Nonbreaking Spaces Example</title>
</head>
<body>
<p>An example of this technique appears in the movie "12 Angry Men."</p>
</body>
</html>
این نتیجه زیر را حاصل می کند -
An example of this technique appears in the movie "12 Angry Men."
درباره این سایت