اصول نوشتن صفحاتHTML 1
اصول نوشتن صفحاتHTML
در اینجا می خواهیم به ساختار شناسه ها یا همان تگها (tag(در HTML بپردازیم. یک تگ همیشه با علامت کوچکتر
ریاضی یعنی این علامت < آغاز می شود و با علامت بزرگتر >به پایان می رسد. مثلاً تگی که باعث ایجاد زیرخط کلمات می
شود اینطور نوشته می شود <U: <این علامت را قبل از متنی که می خواهیم زیر آن خط کشیده شود قرار می دهیم. به این
تگ ، تگ ابتدایی (tag Opening(می گویند، که عملیاتی را که شما می خواهید آغاز کنید شروع می کند. به منظور پایان
دادن به زیرخط باید از یک تگ پایانی استفاده کنید. یک تگ پایانی با این علامت شروع می شود </ :بقیه تگ مانند تگ
ابتدایی می باشد. برای درک بهتر این مطلب به مثال زیر توجه کنید:
Tags and their position
اگر بخواهید متن بالا را با زیرخط در مرورگر خود ببینید باید آنرا مطابق خط روبرو در ویرایشگر متن خود بنویسید:
<u>tags and their position</u>
2
آموزش HTML
نتیجه را به این صورت می بینید:
Tags and their position
در HTML همه تگها به یک تگ پایانی نیاز ندارند. برای مثال تگی که برای وارد کردن عکس استفاده می شود از این قبیل
تگها است، که به این صورت می باشد :
<img src="myimage.gif">
البته بعداً در مورد این تگ توضیح خواهیم داد در اینجا فقط برای مثال این تگ را آوردیم. موارد دیگری هم با این وضعیت
وجود دارند مثلاً <br<که برای رفتن به خط بعدی استفاده می شود، <hr<که برای ایجاد یک خط افقی به کار می رود و
<p<که برای رفتن به پاراگراف بعدی استفاده می شود.
در ضمن نیاز نیست که حتماً تگها با حروف بزرگ نوشته شوند. مثلاً <P<همان <p<است. البته در نسخه های جدیدتر
HTMLتوصیه می شود کدهای HTML با حروف کوچک نوشته در XHTML هم نوشتن کدها با حروف کوچک الزامی
است .فضای خالی هم بین تگها تأثیری ندارد. مثلاً:
<U>متن زیرخط دار<U></U>
کد بالا همان نتیجه ای را می دهد که کد زیر دارد:
<U</متن زیرخط دار<u<
به این طریق هم اگر نوشته شود فرقی نمی کند:
<u>
متن زیرخط دار
</u>
قالب پایه ای یک فایل HTML مانند زیر است .ببینید می توانید کاری را که تگهای این کد انجام می دهند حدس بزنید؟
البته همه آنها را بعداً توضیح می دهیم.
<html>
<head>
<title>html اصلی قالب/>title>
</head>
<body>
هر چیزی که اینجا قرار گیرد در صفحه شما قابل دیدن است
3
آموزش HTML
</body>
</html>
برای درک بهتر این قسمت سعی کنید تگها را به صورت جفتی در نظر بگیرید )از جایی که باز می شوند تا جایی که بسته می
شوند) اولین تگ <html<است که علامت شروع یک متن HTML است و تگ پایانی آن </html<است که همانطور
که ممکن است حدس زده باشید نشانه پایان متن HTML است. هر چیزی در HTML باید بین این دو تگ قرار گیرد.
مانند متن، دیگر تگها، عکسها و... چون این دو تگ نشان دهنده آغاز و پایان صفحه شما هستند.
ادامه اموزش ها در پست های بعد