طراحی سایت HTML , CSS قسمت چهارم
طراحی سایت HTML , CSS قسمت چهارم
همان طور که می دانید یک مقاله متشکل از یک یا چند تیتر، پاراگراف ، تصویر و .... می باشد.
<!DOCTYPE html>
<html>
<head>
<title> this is my first article </title>
</head>
<body>
<h1> This is my first article </h1>
</body>
</html>
خب در این قسمت عنوان مقاله مقاله مشخص شد.
برچسب <p> :
همان طور که می دانید یک مقاله شامل یک یا چند پاراگراف می باشد. برای ساخت پاراگراف در HTML از تگ باز و بسته <p> </p> استفاده می کنیم. p در اینجا اول عبارات paragraph (پاراگراف( می باشد و متنی که بین دو تگ باز و بسته <p></p> قرار می گیرد به عنوان یک پاراگراف در نظر گرفته می شود.
)جهت جلوگیری از تکرار کد ها فقط برچسب های جدید نوشته می شوند)
<p>
Hello world. This my first web page . I am very happy to learn it.
</p>
برچسب <b> :
از برچسب b بر توپر کردن یا ضخیم کردن متن استفاده می شود. b ابتدای عبارت Bold به معنی توپر است. برچسب <b> دارای تگ پایانی </b> است و متنی که داخل این دو برچسب قرار می گیرد به صورت توپر یا ضخیم نمایش داده می شود.
در مثال بالا عبارت world را به صورت ضخیم نمایش می دهیم.
<p>
Hello <b> world </b>. This my first web page . I am very happy to learn it.
</p>
بر چسب <br> :
واژه br مخفف عبارت break به معنی جداکردن است. اگر شما می خواهید پس از نوشتن بخشی از متن، ادامه آن را در سطر جدیدی بنویسید باید از بر چسب <br> استفاده کنید. برچسب <br> فاقد محتوا می باشد پس دارای برچسب پایانی نیز نمی باشد.
<p>
Hello <b> world </b>. <br> This my first web page . I am very happy to learn it.
</p>
توجه کنید که از این برچسب فقط برای ساخت سطر جدید استفاده کنید و نباید برای ساخت پاراگراف جدید از آن استفاده کرد.
بر چسب <i> :
متنی که داخل تگ باز و بسته <i></i> نوشته میشود به صورت مایل یا ایتالیک نمایش داده میشود. i ابتدای عبارت italic است.
<p>
Hello <b> world </b>. <br> This my first <i> web page </i> . I am very happy to learn it.
</p>
برچسب <u> :
u ابتدای عبارت underline به معنی زیرخط دار است. متنی که بین دو تگ باز و بسته <u></u> قرار میگرد به صورت زیر خط دار نمایش داده می شود.
<p>
Hello <b> world </b>. <br> This my first <i> web page </i> . I am very <u> happy </u> to learn it.
</p>
برچسب <big> :
متنی که بین تگ باز و بسته <big> </big> قرار می گیرد بزرگتر از سایر متون نمایش داده می شود
<p>
<big>Hello </big><b> world </b>. <br> This my first <i> web page </i> . I am very <u> happy </u> to learn it.
</p>
برچسب <small> :
متنی که بین تگ باز و بسته <small> </small> قرار می گیرد کوچکتر از سایر متون نمایش داده می شود
<p>
<big>Hello </big><b> world </b>. <br> This my <small> first </small> <i> web page </i> . I am very <u> happy </u> to learn it.
</p>
نکته:
یکی از قابلیتهای خوب HTML این است که به شما اجازه می دهد از تگ ها به صورت تو در تو استفاده کنید. مثلا برچسبی وجود ندارد که یک عبارت را هم به صورت تو پر Bold و هم به صورت کج Italic نمایش دهد و برای انجام آن شما بایستی از دو برچسب <i> و <b> به صورت تو در تو استفاده کنید.
<i>
<b> hello world </b>
</i>
البته استفاده از تگ ها به صورت تو در تو از قانونی تبعیت می کنند که حتما باید از آنها پیروی کنید و آن این است که حتما اولین تگی که باز می شود آخرین تگی باشد که بسته می شود و آخرین تگی که باز می شود حتما اولین تگی باشد که بسته می شود.