مقدماتی HTML

 

به زبان HTML زبان نشانه گذاری استاندارد (standard markup language) می گویند که برای ساختن صفحات وب استفاده می شود.

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

نمونه کد HTML :

خروجی :

My First Heading

My first paragraph.

توضیحات کد :
<DOCTYPE HTML!> برای مرورگر مشخص می کند که کدهای این صفحه بر اساس استانداردهای HTML5 ایجاد شده است.

<html> ریشه ای ترین عنصر در ساختار HTML می باشد که عناصر دیگر HTML در این صفحه ، داخل آن قرار می گیرند.

<head> شامل اطلاعاتی می شود که در مرورگر نشان داده نخواهند شد اما به عنوان توضیحات این صفحه وب برای موتورهای جستجو مورد استفاده قرار می گیرند.

<body> شامل اطلاعاتی است که در مرورگر نشان داده می شوند ، مانند : عکس ها ، متن ها و …

<h1> حاوی یک عنوان اصلی برای این صفحه وب می باشد به آن معنا که اولا اهمیت بسیاری دارد و دوم آنکه آن نوشته با فونت بزرگتری نسبت به بقیه نوشته ها در مرورگر به نمایش درخواهد آمد.

<p> شامل پاراگراف متون می باشد.

 

برچسب های زبان HTML

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

< نام برچسب />    محتویات    < نام برچسب >

* فرق بین برچسب ابتدایی و انتهایی تنها یک / (slash) می باشد که در برچسب انتهایی نوشته می شود.

 

مرورگرهای وب

مرورگرهای وب (مانند: chrome , IE , Firefox , … ) برای خواندن اطلاعات HTML و نمایش آنها استفاده می شوند.
عناصر HTML در مرورگر نشان داده نمی شوند بلکه آنها برای مرورگر تعیین می کنند که محتویاتشان را به چه صورت به نمایش درآورد.

ساختار HTML در صفحه

ساختار ساده یک صفحه HTML به صورت زیر است :

* فقط محتویاتی که در بخش سفید و مابین برچسب ها قرار دارند در مرورگر نشان داده خواهند شد.

Facebooktwittergoogle_plusredditpinterestlinkedintumblrmail

دیدگاه بگذارید

avatar
  Subscribe  
Notify of