آموزش HTML ( بخش نخست )
HTML چیست؟
HTML مخفف زبان نشانه گذاری فرا متنی (hyper text markup language) است . یک فایل HTML یک فایل متنی حاوی برچسب های کوچک نشانه گذاری شده است که به مرورگرهای وب بیان می کنند که صفحه را چگونه نمایش دهند .
یک فایل HTML دارای پسوند htm. یا html. است
آنچه که قبل از یادگیری HTML باید بدانیم :
برای شروع کار با HTML شما به دو نرم افزار نیاز دارید ، یک ویرایشگر متن و یک مرورگر
برای شروع بهتر است از برنامه ویرایشگر متنی ویندوز با عنوان Notepad استفاده کنید (Start/All Programs/Accessories/Notepad)
شما به یک مرورگر وب نیز نیاز دارید، Microsoft Internet Explorer ، FireFox ، Oprea و همچنین مرورگر فارسی تیزبال همگی از گزینه های پیش رو شماست .
نوشتن صفحات HTML :
برای نوشتن یک صفحه HTML ابتدا باید دو مفهوم تگ (برچسب) و عنصر HTML را درک کنیم .
تگ های HTML چیستند ؟
تگ های HTML برای نشانه گذاری عناصر HTML استفاده می شوند
تگ ها همواره با علامت کوچکتر ریاضی (>) شروع شده و با علامت بزرگتر ریاضی (<) پایان می یابند . ( این کاراکترها را قلاب نیز می نامند )
تگ های HTML بصورت دوتایی هستند. < تگ آغازین> , <تگ پایانی/> نمونه : <b> , <b/>
عملیات با تگ آغازین (Opening tag) شروع می شود و با تگ پایانی خاتمه می یابد .
نکاتی در مورد تگ های HTML :
1 . در HTML بعضی از تگ ها به تگ پایانی نیاز ندارند. تگ هایی مانند تگ های روبرو : <br> ، <p> ، <hr> ، <img>
2 . در نسخه های قدیمی تر HTML تگ ها به حروف بزرگ و کوچک حساس نیستند یعنی شما مجبور نیستید تگ ها را حتما با حروف کوچک یا درشت بنویسید . مثلاً <BR> همان معنی <br>را می دهد . اما کنسرسیوم شبکه گسترده جهانی (W3C) در نظریه HTML4 خود تگ های حروف کوچک را توصیه کرده و XHTML(نسل بعدی HTML) نیز تگ های حروف کوچک را خواستار شده است.
۳٫ فضای خالی هم بین تگها تأثیری ندارد. مثلاً : <b>Welcome to Sorenblog</b> با <b> Welcome to Sorenblog </b> فرقی نمی کند . هر دو یک نتیجه را بدنبال خواهند داشت .
عناصر HTML چیستند ؟
به عبارت زیر دقت کنید :
<b>Welcome to Sorenblog</b>
ساختار بالا یک عنصر HTML است .
هر عنصر HTML با یک تگ آغازین ، شروع می شود و با یک تگ پایانی خاتمه می یابد ; در مثال فوق به ترتیب : <b> و </b>
در عنصر بالا عبارت Welcome to Sorenblog محتوای عنصر نامیده می شود .
در مثال فوق هدف تگ <b> این است که تعریف کند محتوای عناصر HTML باید بصورت برجسته نشان داده شود. عملیات از تگ آغازین (<b>) شروع می شود و برای پایان دادن به این عملیات ( نمایش برجسته متون ) نیز باید از تگ پایانی آن (</b>) استفاده شود . به طور مثال نتیجه کد بالا در مرورگر به این صورت خواهد بود :
Welcome to Sorenblog
نوشتن یک صفحه HTML :
در یک صفحه HTML وجود تگ های زیر ضروری است :
<html> ، <head> و <body>
توضیح :
یک صفحه ی html با تگ های <html>شروع و با تگ <html/> خاتمه پیدا میکند
تگ های head مشخص کننده بخشی است که باید عنوان صفحه، کلمات کلیدی، و دیگر توضیحات صفحه را در آن قرار داد . این بخش با تگ <head> آغاز و با تگ <head/> به پایان می رسد.
تگ های body نیز تگ های بدنه فایل HTML ما هستند ، هر چیزی که می خواهیم در صفحه نمایش داده شود باید در میان تگ آغازین <body> و تگ پایانی </body> قرار گیرد .
مثال :
<html>
<head>
</title> عنوان صفحه <title>
</head>
<body>
هر چیزی که اینجا قرار گیرد در صفحه قابل دیدن است
</body>
</html>
مثال بالا قالب پایه ای یک فایل HTML است که از چند عنصر HTML تشکیل شده است .
همانطور که می بینید صفحه با تگ <html> شروع و با تگ </html> پایان یافته است . عنصر title عنوان صفحه HTML را مشخص می کند که باید پس از شروع و قبل از پایان یافتن عنصر head در بین کد ها قرار داده شود . تگ <body> نیز بخشی را آغاز می کند که در صفحه مرورگر به نمایش در خواهد آمد. برای پایان دادن به این تگ از <body/> استفاده می کنیم.
ذخیره کردن یک فایل HTML :
Notepad ویندوز را باز کنید (Start/All Programs/Accessories/Notepad) و کدهای بالا را در آن کپی کنید ، سپس از منوی File گزینه Save As را انتخاب کرده و فایلتان را با نام html1.htm یا html1.html ذخیره کنید . ( برای سازگاری با زبان فارسی از منوی بازشوی Encoding گزینه UTF-8 را برگزینید )
ادامه دارد … ( تمامی حقوق محفوظ)
۲ نظر براي “آموزش html ( بخش اول )”
Loading ...
ssdfsdfsdfsd
f
s
df
sd
f
سلام
باتشکر از توضیحات مفید وخوبی که دادید.
یاعلی مدد