آموزش طراحی وب با زبان ساده بخش اول xhtml

[sr.majid]

تگ بولد و ایتالیک bold , italic
هرگز از تگ

<b>object</b>

استفاده نکنید و از معادل آن استفاده کنید

<strong>object</strong>

این تگ برای پر رنگ کردن نوشته به کار برده میشود
Snap1.jpg

هرگز از تگ

<i>object</i>

استفاده نکنید و از معادل آن استفاده کنید

<em>object</em>

این تگ برای کج کردن نوشته به کار برده میشود em مخفف کلمه emphasize است
Snap2.jpg

قانون nesting tag چیست؟ تگ های تو در تو : یعنی به صورت همزمان میتوانیم چنیدن تگ را به یک آبجکت نسبت بدهیم با رعایت این قانون که هر تگی که ابتدا از همه باز میشود در آخر از همه باید بسته بشود
دومثال میزنم یکی درست و یکی غلط تا درست متوجه بشید
مثال اول و درست:

<strong><em>text</em></strong>

مثال دوم و غلط :

<strong><em>text</strong></em>

Snap3.jpg

تگ پاراگراف paragraph

<p>object</p>

این تگ به اصطلاح کار اینتر را انجام میدهد
اتریبیوت تگ پاراگراف align هست
اتریبیوت الاین چهار ولیو دارد
1.left
2.right
3.center
4.justify

<p align="right">object</p>

Snap4.jpg

در صفحات وب دو حقیقت کاملاً پنهان وجود دارد که بر روی طراحی وب تاثیر مستقیم داره
حقیقت اول : چنانچه در کدهای html بیش از یک space زده شود هرگز space اضافه محاسبه نمیشود (یعنی اگر شما در جائی 10 اسپیس هم که بزنید فقط یکیش محاسبه میشه
حقیقت دوم : در صفحات وب چنانچه در یک آبجکت enter زده شود برای رفتن به سطر بعد حتی یک بار آن هم محاسبه نخواهد شد

انواع تگ ها:
1.container
2.empty
1)block-level
2)text-level

block-level : به تگ هائی گفته می شود که به صورت اتوماتیک object قبل از تگ و object بعد از تگ ، از خود تگ فاصله پیدا میکند یعنی به سط بعد از تگ می رود مانند تگ p

text-level : به تگ هائی گفته می شود که object قبل از تگ و object بعد از تگ از خود تگ فاصله پیدا نمی کند و ساختارشان به همان صورت حفظ خواهد شد تعداد این نوع تگ ها بیشتر از بلوک لول ها هستن مانند تگ font

تگ سطر بندی :

<br />

Snap5.jpg