برای لینک دادن به صفحه دیگر در Html که عملی بسیار مهم و ضروری است به صورت زیر عمل می کنیم.
با <a href=”آدرس لینک”>نام لینک </a>
تعریف شبکه در واقع یعنی; هنگامی یک شبکه ایجاد می شود که شما دو یا چند کامپیوتر یا میزبان (Host) را به یکدیگر متصل کنید به نحوی که قادر به برقراری ارتباط و اشتراک داده و منابع با هم دیگر باشند . کمی دقت کنید . گفتیم به نحوی که قادر به انجام دو کار (ارتباط و اشتراک داده و منابع) باشند . برقراری ارتباط (Connection) – اشتراک منابع (Sharing Resources) .
هدف اصلی شبکه نیز همین دو مفهوم است یعنی ما شبکه را بوجود می آوریم تا بتوانیم با یکدیگر ارتباط برقرار کنیم و پس از بر قراری ارتباط منابع خود را به اشتراک بگذاریم .
کامنت ها در html چه هستند؟ کاربرد کامنت در کدها به این درد می خورد که اگر کدی لازم به توضیح داشت در کامنت توضیحی برای آن خط کد ارائه بدهیم. کامنت ها موقع اجرای صفحه نمایش داده نمی شوند و حتی عکس العمل و یا دخالتی نخواهند داشت. و تنها در پشت صحنه و هنگام بررسی و ویرایش سورس(کدها) آنها را می بینیم.کامنت ها را می نویسیم که اگر ۴ سال بعد خواستیم در صفحه مان به اصطلاح تغیراتی ایجاد کنیم بدانیم که این خط را به چه خاطر نوشته بودیم.
کامنت ها در بین <!– و –> قرار می گیرند. که اول آن که با علامت تعجب شروع می ود آورده می شود.با مثال های عملی بررسی کنیم
این مثال را با تست آنلاین که در قسمت بالا لینک آن آمده است تست کنید و با مقدارهای نختلف خودتان هم تست کنید
این پست را به عنوان ها و چگونگی بیان آنها و چرایی استفاده از آن ها اختصاص می دهیم.
تگ های هدر (header tags) دارای ۶ شماره از h1 تا h6 هستند و به ترتیب اهمیت مطلب و عناوین را می رسانند.یعنی به گونه ای که اهمیت h1 از h2 بیشتر می باشد و همین طور به ترتیب تا h6 همین روند ادامه دارد.
هتر است که با مثال عملی نحوه کار با آنها را فرابگیریم.
حالا پس از تست شاید این سوال در ذهن شما ایجاد شود که چرا باید از این تگ ها استفاده کنیم؟
پاسخ واضح است یکی از مهم ترین موارد بهینه سازی صفحات سایت همین تگ های عنوان ها می باشد که در رابطه با نمایش مطلب در موتور های جستجو بسیار حائز اهمیت می باشند.
نوع کاربردها را هم به خاطر بسپارید.
طبق جدول زیر تگ های مناسب برای عنوان های خودتون برگزینید.سعی کنید جدول رو در ذهنتون داشته باشید مخصوصا برای h1 , h2 , h3 که مهم تر هستند.
تگ عنوان – heading tag | مکان مناسب استفاده | بهترین تعداد بکار بردن |
h1 | عنوان مقاله یا مطلب | ۱ بار |
h2 | عناوین داخل مطلب | بین ۲ تا ۵ بار |
h3 | زیر عنوان های داخل مطلب | تا ۶ بار |
h4 | عنوان برای منوها یا عنوان نظرات | بدون محدودیت |
h5 | عنوان برای منوهای سایت | بدون محدودیت |
h6 | عنوان برای فوتر (footer) سایت | بدون محدودیت |
خلاصه مطلب : قبل از تگ <html> یکی از <!DOCTYPE> بنویسید.و همین رو بدونید که این تگ باعث استاندارد شدن صفحه شما می شود.من در صفحات طراحی وب خود و همچنین در این آموزش از نوع HTML 5 استفاده می کنم و به شما هم پیشنهاد می کنم از این نوع استفاده کنید.
ابتدا تمامی کدها را در نوت پد نوشته و سپس بری روی save as واقع در file کلیک کنید.
در قسمت نام پس از نوشتن نام دلخواه عبارت .htm و یا .html را قرار دهید.
مثال : name.htm یا name.html
البته بهتر است که کل عبارت بین دو علامت “” قرار داده شود.
مثال : “name.htm” و یا “name.html”
زبان برنامه نویسی html را باهم با یک تمرین و معرفی علائم و کاربرد آنها آغاز می کنیم.
<html> : این تابع در آغاز برنامه های html می آید و هدف آن معرفی نوع زبان استفاده شده که همان html می باشد به مرورگر است.
<head> : این به معنای آغاز قسمت هد فایل است که درآن موارد زیادی از جمله عنوان و استایل و … قرار می گیرد این تابع(یا هرچیزی که اسمش را بگذاریم)با به پایان می رسد.
<title> : درون این تابع عنوان صفحات قرار می گیرد.
<body> : این به معنای آغاز بدنه ی سایت که شامل تمامی موارد قابل نمایش به کاربر از عکس و جدول ها گرفته تا متن است.
یک برنامه ساده را برای شروع با شما آغاز می کنیم: این برنامه یک متن ساده را نمایش می دهد و نحوه عنوان گذاری برای صفحات نیز برای شما آموزش داده می شود.
برنامه نوت پد را باز کنید.
کدهای زیر را در آن تایپ کنید.(حتما تایپ کنید که موجب یادگیری و تقویت حافظه طولانی مدت شما خواهد شد.
به نحوه بسته شدن تابع با ” / ” دقت کنید.