آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

مرور کلی بر HTML

دوره های مرتبط با این مقاله

مروری بر HTML

Html چیست؟

HTML مخفف Hypertext Markup Language می باشد که گسترده ترین زبان مورد استفاده برای نوشتن صحات وب است.
HTML اشاره به روشی دارد که در آن صفحات وب (داکیومنت های HTML) به هم لینک می شوند. بنابراین لینک موجود روی یک صفحه ی وب Hypertext نامیده می شود.
همانطور که از اسم آن پیداست HTML یک Markup language ( زبان نشانه گذاری) می باشد، که بدین معناست که شما می توانید از HTML برای نشانه گذاری متن داکیومنت استفاده کنید با برچسب هایی که به مرورگر چگونگی ساخت آن را برای نمایش بیان می کنند.
در واقع HTML به نیت تعریف ساختار داکیومنت هایی مانند تیترها، پاراگراف ها، لیست ها و غیره توسعه پیدا کرد تا اشتراک گذاری اطلاعات علمی بین محققان را آسان تر کند. اکنون HTML به طور گسترده ای مورد استفاده قرار می گیرد تا صفحات وب را به کمک برچسب های موجود در زبان HTML تنظیم کند.


داکیومنت پایه ی HTML

به ساده ترین شکل خود، در زیر مثالی را از یک داکیومنت HTML مشاهده می کنید:


نمونه یک

 


Page Title



My First Heading

My first paragraph.

امتحان کنید

برای چک کردن نتیجه این کد HTML هم می توانید با استفاده از ویرایشگر مورد علاقه ی خود، آن را در یک فایل HTML و با نام test.htm ذخیره کنید. در انتها آن را با استفاده از یک مرورگر مانند اینترنت اکسپلورریا گوگل کروم یا فایرفاکس و غیره باز کنید.


برچسب های HTML

همانطور که قبلا گفته شد HTML یک زبان نشانه گذاری است و برای طراحی محتوا از برچسب های مختلفی استفاده می کند. این برچسب ها در داخل علامت <> قرار میگیرند.
به جز تعداد کمی از برچسب ها، بسیاری از آنها برچسب متناظر بستن را نیز دارند. به عنوان مثال< html>دارای برچسب بستن< /html> و < body>دارای برچسب بستن< /body> می باشند.
مثال بالا از داکیومنت HTML از برچسب های زیر استفاده می کند:


Tag
Description
< !DOCTYPE...>
این برچسب نوع داکیومنت و ورژن HTML را تعریف می کند.
< html>
این برچسب داکیومنت کامل HTML را احاطه می کند و اساسا شامل تیتر داکیومنت می شود که توسط< head>...< /head> نمایش داده می شود و بدنه ی داکیومنت نیز به وسیله ی برچسب های < body>...< /body> نمایش داده می شوند.
< head>
این برچسب تیتر داکیومنتی را نشان می دهد که می تواند دیگر برچسب های HTML از مانند < title>, < link> را در خود نگه دارد.
< title>
برچسب < title> در داخل برچسب< head>استفاده می شود تا تیتر داکیومنت را ذکر کند.
< body>
این برچسب بدنه ی داکیومنتی را نشان می دهد که دیگر برچسب های HTML مانند < h1>, < div>, < p> را در خود دارد.
< h1>
این برچسب تیتر را نمایش می دهد.
< p>
این برچسب یک پاراگراف را نمایش می دهد.

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


ساختار داکیومنت HTML

یک نمونه از داکیومت HTML دارای ساختار زیر خواهد بود:
Document declaration tag


نمونه دو

 


Page Title


    Document body related tags

 
امتحان کنید

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


< !DOCTYPE>:

برچسب < !DOCTYPE> توسط مرورگرهای وب برای پی بردن به ورژن HTML استفاده شده در داکیومنت مورد استفاده قرار می گیرد. ورژن حال حاضر HTML ورژن 5 می باشد که از اطلاعیه ی زیر استفاده می کند:



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

  • 8066
  •    3266
  • تاریخ ارسال :   1394/07/27

دانلود PDF دانلود سورس کد دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال
irej ireji1395/08/10

تشکر

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


آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .