آموزش زبان HTML | آشنایی با HTML

HTML چیست ؟

عبارت HTML ( اچ تی ام ال ) مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری فوق متن است. Html زبان استاندارد طراحی صفحات وب است و کلیه کدهای صفحه اعم از طرف سرور و طرف مشتری در نهایت به کدهای HTML تبدیل شده و توسط مرورگر نمایش داده می شوند. به عبارت دیگر مرورگر ها هیچکدام از کدها و کنترل های سمت سرور همچون کدهای asp و php را نمیشناسند و کد قابل فهم برای آنها اچ تی ام ال می باشد.

کامپایلرهای زبان های برنامه نویسی سروری در نهایت کد های خود را برای نمایش به کد اچ تی ام ال تبدیل میکنند و برای مرورگر میفرستند تا به کاربران نمایش داده شود.

HTML یک زبان نشانه گذاری است، به این معنی که بخش های مختلف توسط اجزایی به نام تگ از هم جدا شده، که هر کدام دارای کاربرد و خواص مربوط خود هستند . این تگ ها به مرورگر اعلام می کنند که هر بخش از صفحه چه نوع عنصری است و باید به چه صورت نمایش داده شود .

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

 هر یک از کدهای html ، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا می‌گذارند. مثلاً برچسب‌هایی برای تغییر شکل ظاهری متن، نظیر درشت و ضخیم کردن یک کلمه یا برقراری پیوند به صفحات دیگر در اچ‌تی‌ام‌ال تعریف شده‌اند.

یک سند اچ‌تی‌ام‌ال، یک پروندهٔ مبتنی بر متن (Text–based) است که معمولاً با پسوند .htm یا .html نام‌گذاری شده و محتویات آن از برچسب‌های اچ‌تی‌ام‌ال تشکیل می‌شود. مرورگرهای وب، که قادر به درک و تفسیر برچسب‌های اچ‌تی‌ام‌ال هستند، تک‌تک آن‌ها را از داخل سند اچ‌تی‌ام‌ال خوانده و سپس محتوای آن صفحه را نمایان‌سازی (Render) می‌کنند.

اچ‌تی‌ام‌ال زبان برنامه‌نویسی نیست، بلکه زبانی برای نشانه‌گذاری ابرمتن است و اساساً برای ساخت‌مند کردن اطلاعات و جدایش اجزای منطقی یک نوشتار — نظیر عناوین ، تصاویر ، فهرست‌ها ، بندها و جداول — به کار می‌رود. از سوی دیگر، اچ تی ام ال را نباید به عنوان زبانی برای صفحه‌آرایی یا نقاشی صفحات وب به کار بُرد؛ این وظیفه اکنون بر دوش فناوری‌های دیگری همچون سی اس اس ( Css ) است که در بخش آموزش Css به طور کامل به آن خواهیم پرداخت.

امیدوارم در این سلسله آموزش های جامع Html، به درک درستی از اچ تی ام رسیده و پایه ی طراحی سایت را که همان کدهای Html می باشد را به طور درست فراگرفته و به کار ببرید.

 

آموزش اچ تی ام ال ( آموزش html) پایه و اساس آموزش طراحی وب سایت و ایجاد وب سایت می باشد.

آموزش Html اصلی ترین بخش آموزش طراحی سایت است.

اچ تی ام ال را میتوان مهمترین جز در دنیای اینترنت نامید. بوسیله ی این زبان میتواند متن، عکس، فیلم و هر جزء دیگری را، در مرورگر مخاطبان سایت نمایش داد.

زبان اچ تی ام ال توسط دنیس ریچی ابداع و ثبت شد. html مخفف Hyper Text Markup Language به معنی زبان نشانه گزاری ابر متنی می باشد.

آموزش این زبان در کنار css میتواند شروعی باشد برای طراحی سایت حرفه ای. هر چقدر در آموزش Html، دقیق تر باشید، در آینده میتوانید طراح وب سایت حرفه ای تری باشید. حتی در صورتی که تنها اچ تی ام ال را فرا بگیرید، میتوانید سایت های استاتیک را به راحتی طراحی نمایید.

در اموزش html ، نرم افزار خاصی نیاز نیست و تنها با notepad ویندوز میتوانید شروع کنید. فایل های اچ تی ام ال تنها شامل متن هستند و از تگ ها (Tag) تشکیل شده اند. در مقالات اچ تی ام ال تمامی این موارد به ریز توضیح داده شده اند.

دانش عمومی طراحی وب سایت با یادگیری پایه ای HTML و CSS باعث می شود  وب سایت خود را با آخرین تکنولوژیهای طراحی وب سایت بسازید.

تمامی کدهای سروری که در آموزش Asp.net گفته می شود، توسط مرورگر ها در نهایت به کدهای html تبدیل می گردد. از این رو هر چه  در کدهای html و تگ های html تسلط بیشتری داشته باشیم ، طراحی سایت بهتری خواهیم داشت. در مقالات html زیر میتوانید به سرعت در این امر پیشرفت داشته باشید. امیدواریم بخش آموزش اچ تی ام ال ما برای شما مفید باشد.

  • مقدمات آموزش HTML
  • HTML چیست ؟
  • کدهای HTML و چگونگی تولید و اجرا
  • تگ های html
  • خصوصیات استاندارد تگ های HTML
  • خاصیت Style تگ ها
  • ویژگی های عمومی در HTML
  • ویژگی های رویداد در HTML
  • رویدادهای پنجره در HTML
  • رویدادهای عناصر فرم در HTML
  • رویدادهای موس در HTML
  • رویدادهای صفحه کلید در HTML
  • آموزش ساختار اصلی سند HTML
  • تگ های ساختار Html , Head , Body
  • تگ عنوان Title
  • متا تگ ها ( Meta Tag )
  • تگ اسکریپت Script
  • تگ استایل صفحه Style
  • تگ لینک ( تگ Link )
  • آموزش تگ های مقدماتی HTML
  • تگ توضیحات
  • تگ عنوان H1 – H6
  • تگ های پاراگراف P , Br
  • فرمت دهی B , Hr , Sub , Sup , Center
  • تگ گروه بندی Fieldset , Legend
  • تگ عکس Img
  • تگ لینک ( a )
  • آموزش تگ های پیشرفته HTML
  • تگ محدوده متن Span
  • تگ محدوده فضا Div
  • عکس محدوده ای Map , Area
  • تگ لیست Ul , Li
  • تگ جدول بندی Table , Td , Tr
  • تگ مولتی مدیا Object , Param
  • تگ فریم Frame , iFrame , Frameset
  • فرم – تگ های Form , Input
  • فرم – تگ های Button , Label , Textarea
  • فرم – تگ های Select , Option , Optgroup

    کدهای HTML و چگونگی تولید و اجرا

    برای نوشتن کدهای HTML ، تنها یک ادیتور متن مانند Notepad ویندوز و یا نرم افزار های مرتبط با HTML همچون فرانت پیج یا ویژوال استودیو نیاز است .

    در طی این آموزش ها می توانید با نرم افزار Notepad ویندوز کدها را نوشته و سپس ذخیره نمایید.

    توجه ۱ : فایل های تولید شده را با پسوند .htm و یا .html ذخیره نمایید . تفاوتی بین این پسوند ها نمی باشد.

    بعد از نوشتن کدها در Notepad و ذخیره ی آن با پسوند های ذکر شده ، برای اجرای کد نوشته شده فایل را در نرم افزار های مرورگر وب مانند Internet Explorer و یا Firefox و … اجرا نمایید.

    کدهای html از یک سری تگ تشکیل شده اند. صفحات HTML فقط از کد ها که به صورت متن هستند تشکیل شده اند. بدین معنا که برای تصویر کد مربوط به تمایش تصویر و جدول و … کدهای Html مربوط به هر یک را باید نوشت و مرورگر با رسیدن به این کد ها و تگ ها ، المنت های مرتبط با آن را نمایش می دهد.

    توجه ۲ : نمایش کدها و شکل خروجی آنها بعضا در مرورگرهای مختلف یکسان نمی باشد و یکی از هنرهای برنامه نویسان وب ، نوشتن کدهایی با اجرای یکسان در مرورگر های مختلف است که در این سلسله آموزش های طراحی وب سایت این امر آموزش داده می شود.

ارسال دیدگاه