آموزش رایگان html
جلسه سوم

آشنایی با مبانی عمومی HTML

مثال های عمومی HTML در این مرحله از آموزش ، به کمک یکسری از مثال های آماده ، شما را با تگ های مختلف HTML آشنا می کنیم تا ساختار کلی آنها را بشناسید. بنابراین اگر با موردی مواجه شدید که در مراحل قبل با آن برخورد نکرده بودید اصلا نگران نباشید. در مراحل بعدی […]

مثال های عمومی HTML

در این مرحله از آموزش ، به کمک یکسری از مثال های آماده ، شما را با تگ های مختلف HTML آشنا می کنیم تا ساختار کلی آنها را بشناسید.

بنابراین اگر با موردی مواجه شدید که در مراحل قبل با آن برخورد نکرده بودید اصلا نگران نباشید. در مراحل بعدی هریک از این تگ ها بصورت مفصل آموزش داده خواهند شد.

 

ساختار سند HTML

تمامی اسناد Html باید با اعلامیه نوع سند ، یعنی <!DOCTYPE html> آغاز شوند.

یک سند HTML باید با تگ باز <html> آغاز شده و با تگ بسته </html> به پایان برسد.(تمامی محتوای سند html باید در میان این دو تگ قرار بگیرد)

قسمت قابل مشاهده سند HTML باید بین دو تگ <body> و </body> قرار بگیرد.

 

مثال یک سند ساده ی HTML

 

سربرگ های یک سند HTML

سربرگ ها (سر تیتر ها) ی یک سند HTML بوسیله تگ های زوج <h1> تا <h6> تعریف می شوند.

تگ <h1> ، پر اهمیت ترین سربرگ و تگ <h6> کم اهمیت ترین سربرگ را مشخص میکند.

 

شاید در این قسمت برای شما این سوال پیش آمده باشد که سربرگ چیست و چه استفاده ای دارد؟

فرض کنید در حال نوشتن یک متن در سند HTML هستید ، به کمک تگ h1 میتوانید پر اهمیت ترین تیتر متن خود را (که یکی است نه بیشتر) مشخص کنید.

به ترتیب برای نمایش زیر شاخه های سربرگ اصلی میتوانید از تگ h2 ، و برای نمایش زیر شاخه های هر تگ h2 میتوانید از تگ h3 استفاده کنید و تا آخر به همین صورت.

بعدا با کاربرد تگ های سربرگ بیشتر آشنا خواهیم شد.

 

نوشتن پاراگراف در سند HTML

پاراگراف ها در صفحه HTML توسط تگ <p> تعریف میشوند. (هر پاراگراف بین دو تگ <p> و </p> قرار می گیرد.)

 

قرار دادن لینک در صفحه HTML

لینک ها در صفحه HTML به کمک تگ <a></a> تعریف میشوند.

لینک ها نوشته ها و یا دکمه هایی هستند که کاربر با کلیک بر روی آن به صفحه یا آدرس دیگری هدایت میشود.

 

مثال :

در این مثال عبارت This is a link عبارت نمایش داده شده بصورت متن (یا دکمه) و عبارت نوشته شده درون href آدرس صفحه (یا مقصد) ی است که کاربر پس از کلیک بر روی لینک به آن هدایت خواهد شد. ( در این مثال یک متن بصورت This is a link در صفحه HTML نمایش داده خواهد شد که کاربر با کلیک بر روی آن به صفحه اصلی سایت ما (www.web-negar.com) منتقل خواهد شد. بعدا در مورد این تگ بیشتر خواهیم گفت)

 

قرار دادن تصویر در صفحه HTML

برای قرار دادن یک تصویر درون یک صفحه HTML ، از تگ <img> استفاده میشود.

 

مثال

ویژگی های قرار داده شده در مثال بالا عبارتند از:

در نمونه بالا تصویر (به آدرس) webnegar.jpg ، در صفحه HTML ، با عرض ۱۰۴ پیکسل و ارتفاع ۱۴۲ پیکسل ، به نمایش در می آید.

کلیه حقوق مدرسه مجازی وب متعلق به گروه طراحی وب نگار میباشد.کپی برداری تنها با ذکر منبع مجاز میباشد.