آموزش طراحی سایت و کسب و کار اینترنتی

در این بلاگ موضوعات مختلف برنامه نویسی وب ارائه می شود.

آموزش طراحی سایت و کسب و کار اینترنتی

در این بلاگ موضوعات مختلف برنامه نویسی وب ارائه می شود.

کسب و کار اینترنتی , برنامه نویسی وب, آموزش طراحی سایت

بررسی ساختار صفخات اچ تی ام ال

برهان عبدی | پنجشنبه, ۹ خرداد ۱۳۹۸، ۱۲:۱۴ ب.ظ

ساختارصفحه Html :

با نام و یاد خدای مهربان عرض سلام و ادب دارم خدمت تمامی کاربران محترم سایت همراه آی سی تی به جلسه چهارم از دوره آموزش 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 href=”https://www.Hamrahict”>این یک لینک است</a>

عکس ها در html :

عکس ها در html با برچسب <img>تعریف می شوند.به مثال زیر دقت کنید.

<“img src=”hamrahict.Jpg” alt=”hamrahict” width=”۲۴۰″ height=”۱۵۰″>

  • Src آدرس منبع فایل را مشخص میکند.
  • Alt متن جایگزین عکس را مشخص می کند.  یکی از فاکتورهای بسیار مهم که برای سئوی وب سایت در نطر گرفته می شود استفاده از این تگ  است که باید مورد توجه قراربگیرد.
  • عرض و ارتفاع به عنوان ویژگی‌هایی هستند که همراه با<img> ارائه می شوند.
  • برهان عبدی

نظرات  (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی