با نام و یاد خدای مهربان عرض سلام و ادب دارم خدمت تمامی کاربران محترم سایت همراه آی سی تی به جلسه چهارم از دوره آموزش html خوش آمدید.در این جلسه به بررسی ساختارصفحه Html می پردازیم.
<DOCTYPE html!> :
این اعلامیه مشخص می کند که سند از نوع html است و تمامی اسناد html با این اعلامیه شروع می شوند.
<html> <html/> :
- ساختارصفحه Html به گونه ای است که با< html> شروع می شود در واقع این تگ به مرورگرمی گوید که این شروع یک سند html است.
- تگ <html/> به مرورگر می گویند که این پایان یک سند html است که آخرین تگ در سند html شماست.
<body><body/> :
<body><body/>بخش قابل رویت در سند html شمادر بین این تگ قرار میگیرد در واقع بدنه اصلی یک سند html را تعریف می کند.
عنوان های html :
- عنوان ها توسط برچسب<h6> تا<h1> ایجاد می شوند که بزرگترین عنوان<h1> و کوچکترین عنوان را<h6> ایجاد میکند.
- قبل و بعد از عنوان ها در یک فایل html یک خط به صورت خودکار اضافه میشود یعنی ما با یک فضای خالی قبل و بعد از یک عنوان روبهرو هستیم.
- پاراگراف html :
- پاراگراف ها توسط برچسب <p>ایجاد می شوند و همانند عنوان های html به طور خودکار یک خط خالی قبل و بعد از عنوان اضافه میکنند.
- لینک های html :
- لینک هایا همان پیوندها در html با قرار دادن المان (عکس, نوشته…) مورد نظر دربین تگ a ساخته می شود.
- برای مشخص کردن مقصد یک لینک از ویژگی herf استفاده می کنیم . شد.
در جلسات بعد با ویژگیهای html آشنا خواهید. به مثال زیر دقت کنید:
<a nolink=”https://www.Hamrahict”>این یک لینک است</a>
عکس ها در html :
عکس ها در html با برچسب <img>تعریف می شوند.به مثال زیر دقت کنید.
<img src=”hamrahict.Jpg” alt=”hamrahict” width=”۲۴۰″ height=”۱۵۰″>
- Src آدرس منبع فایل را مشخص میکند.
- Alt متن جایگزین عکس را مشخص می کند. یکی از فاکتورهای بسیار مهم که برای سئوی وب سایت در نطر گرفته می شود استفاده از این تگ است که باید مورد توجه قراربگیرد.
- عرض و ارتفاع به عنوان ویژگیهایی هستند که همراه با<img> ارائه می شوند.
درباره این سایت