آموزش HTML جلسه دوم
584 روز پیش
وحید ولی زاده , HTML
عناصر HTML
عناصر HTML :
پرونده های HTML فایل های متنی هستند که با عناصر HTML شناخته شده اند. عناصر HTML با استفاده از برچسب (تگ های ) HTML تعریف میشوند.
تگ (برچسب) های HTML
- برچسب های HTML برای نشانه گذاری عناصر HTML استفاده می شوند
- بر چسب های HTML توسط دو کاراکتر < و > محاط می شوند
- این کاراکتر های محاط کننده قلاب نامیده می شوند
- بر چسب های HTML معمولا بصورت جفت می آیند <b> , <b/>
- اولین برچسب دوتایی برچسب شروع و دومی برچسب پایانی است
- متن های بین برچسب ابتدایی و انتهایی محتوای عناصر هستند
- برچسبهای HTML به حروف کوچک و بزرگ حساس نیستند <b> معادل <B> است.
عناصر HTML
نمونه یک سند HTML :
<html> <body> <p>This is my first paragraph</p> </body> </html>
<html> <body><p>This is my first paragraph</p></body> </html>
در این مثال از 3 برچسب استفاده شده است یعنی : <html> و <body> و <p> .
توضیح کامل مثال بالا:
عنصر <p> (پاراگراف) :
<p>This is my first paragraph</p>
- متن بالا یک عنصر HTML است.
- برچسب <p> به ما نشان میدهد که متن بالا یک پاراگراف در یک سند HTML است.
- این عنصر با تگ <p> شروع میشود و با تگ <p/> پایان می یابد.
- محتوای عنصر : This is my first paragraph
عنصر <body> (بدنه) :
<body> <p>This is my first paragraph</p> </body>
- عنصر <body> بدنه فایل HTML را به ما نشان میدهد.
- این عنصر با تگ <body> شروع و با تگ <body/> پایان می یابد.
- محتوای این عنصر شامل یک عنصر دیگر HTML است، یعنی پاراگراف.
عنصر <html> (سند html ) :
<html> <body> <p>This is my first paragraph</p> </body> </html>
- عنصر <html> نشان میدهد که تمام سند html است.
- این عنصر با تگ <html> شروع و با تگ <html/> پایان می یابد
- محتوای این عنصر شامل یک عنصر دیگر html است، یعنی body یا بدنه سند
چرا ما از تگ هایی با حروف کوچک استفاده میکنیم ؟
ما فقط گفتیم که تگ های HTML حساس به حروف کوچک و بزرگ نیستند و <B>همان معنی <b>را می دهد.هنگامی که شما به وب گردی می پردازد، متوجه خواهید شد که بیشتر آموزش ها در مثال هایشان از حروف بزرگ تگ های HTML استفاده می کنند.ما همیشه از برچسب های حروف کوچک استفاده می کنیم. چرا؟
اگر شما می خواهید خود را برای نسل های بعدی HTML آماده کنیدشما باید شروع کنید و از برچسبهای حروف کوچک استفاده کنید.کنسرسیوم شبکه گسترده جهانی (W3C) در نظریه HTML4 خود برچسب های حروف کوچک را توصیه کرده و XHTML(نسل بعدی HTML) برچسبهای حروف کوچک را خواستار شده است.
عناصر تگ :
برچسبها خود می توانند شامل عناصری باشند ، عناصر می توانند اطلاعات اضافی در باره عناصر HTML در صفحه شما را فراهم کنند.این برچسب عنصر بدنه را در صفحه شما معرفی می کند:
<body>
با اضافه کردن عنصر <bgcolor>شما می توانید به مرورگر بگویید که رنگ پس زمینه شما باید قرمز باشد مثل این:<”body bgcolor=”red>
این برچسب یک جدول HTML را معرفی می کند:<table>. با اضافه کردن عنصر حاشیه شما می توانید به مرورگر بگویید که جدول نباید هیچ لبه و حاشیه ای داشته باشد: <”table border=”0>
عناصر همیشه در یک زوج نام/مقدار می آیند، مثل این: نام=”مقدار”
عناصر همیشه به برچسب شروع عناصر HTML اضافه می شوند
هرگز تگ پایانی رافراموش نکنید!
بیشتر مرورگر های وب سند HTML رابه درستس نمایش میدهند حتی اگر شما تگ پایانی را فراموش کنید.
<p>This is a paragraph </p><p>This is a paragraph</p>
مثال بالا در بیشتر مرورگر ها به درستی نمایش داده میشود ولی به آنها اعتماد نکنید.فراموش کردن تگ پایانی منجر به اتفاقات و پیغام خطاهای غیر منتظره میشود!
توجه! : ورژن (نسخه) بعدی HTML به شما اجازه نمیدهد تا این مرحله را رها کنید و انجام ندهید.
عناصر خالی HTML :
- عناصر html که بدون محتوی باشند عناصر خالی html نامیده میشوند.
- عناصر خالی را میتوان در تگ آغازین بست!
- <br> یک عنصر خالی است زیرا تگ پایانی ندارد.(که آن را خط شکسته یاد میکنند.)
- در XHTML و XML و ورژن بعدی HTML همه ی عناصر باید دارای تگ پایانی باشند.
- اضافه کردن یک اسلش ( / ) مانند <br /> به تگ آغازین یک راه صحیحی است تا عناصر خالی بسته شوند.این کار توسط XML، XHTML و HTml تایید شده است.
- حتی اگر <br> در همه ی مرورگر ها کار کند، باز هم نوشتن <br /> مطمئن تر و در آینده باثبات تر است.
حالت های کتیشن ، ‘RED’ یا “RED” :
محتوای عناصر باید همیشه در کتیشن ها محدود شوند ، از هر دو حالت کتیشن و دوبل کتیشن می توان استفاده کرد ولی استفاده از دوبل کتیشن ها متداول تر است. در بعضی موقعیت های نادر مثل هنگامی که محتوای عناصر خود دارای کتیشن هستند لازم است که از تک کتیشن استفاده کنیم:
Name='john "shotgun" Nelson'
ویژگی ها و نشانه ها در html
ویژگی ها یا نشانه ها در HTML این امکان را میدهند تا اطلاعاتی را به یک عنصر اضافه کنیم.
نشانه ها در HTML :
- عناصر HTML میتوانند شامل خواص و ویژگی هایی باشند.
- نشانه ها این امکان را میدهند تا اطلاعاتی را به یک عنصر اضافه کنیم.
- نشانه ها همیشه در تگ آغازین مورد استفاده قرار میگیرند.
- نشانه ها به صورت جفت نام و مقدار می آیند مثل : name=”value”
مثال برای نشانه ها :
لینک های در HTML توسط تگ <a> تعریف میشوند، آدرس لینک به صورت یک نشانه(ویژگی) شناخته میشود:
<a href="http://www.w3schools.com">This is a link</a>
در آموزش های بعدی در مورد لینک ها توضیح خواهیم داد. عجله نکنید!
از طریق لینک روبرو تمرین کنید : کلیک کنید!
همیشه مقدار (value) یک ویژگی را نقل کنید :
ارزش و مقدار یک ویژگی همیشه باید در نقل قول ها لحاظ شود.
سبک دوبل استایل در نقل قول ها رایج تر است ولی سبک تک استایل در نقل قول ها مورد قبول تر است.(از نظر مرورگرها)
در بیشتر وضعیت های نادر، که خود مقدار (value) شامل نقل قول میشود؛ لازم است که شما از نقل قول یک گانه استفاده کنید :
name='John "ShotGun" Nelson'
