location_on تهران ، خیابان آزادی خیابان شهیدان (روبروی مترو حبیب اله ) برج زیتون local_phone 66073800 021
بازگشت به لیست مقالات » | چهارشنبه 19 آبان 1395 در ساعت 12 : 54 دقیقه | نظرات کاربران ( 0 )
آموزش HTML  - عناصر اصلی

آموزش HTML – عناصر اصلی

در این بخش مهمترین عناصر تشکیل دهنده HTML  را برایتان بازگو خواهیم کرد

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

 

تگ های عنوان (heading tag)  :

 عنوان ها در HTML معمولا بوسیله ی تگ های <h1> الی  <h6> مشخص می شوند .

مهمترین تگ های عنوان  به تریتیب اولویت از <h1>  شروع می شود و به تگ  <h6> خاتمه می یابد . که اصلی ترین آنها تگ  h1  و  تگ  h2  می باشند.

<DOCTYPE html!>

<html>

   <body>

      <h1> عنوان اصلی سایت </h1>

      <h2> عنوان سایت با تگ اچ2 </h2>

      <h3> عنوان سایت با تگ اچ3 </h3>

      <h4> عنوان سایت با تگ اچ4 </h4>

      <h5> عنوان سایت با تگ اچ5 </h5>

      <h6> عنوان سایت با تگ اچ6 </h6>

   </body>

</html>

 

این تگ ها در مرورگر بصورت زیر نمایش داده خواهند شد :

 

عنوان اصلی سایت

عنوان سایت تگ اچ2

عنوان سایت تگ اچ3

عنوان سایت تگ اچ4

عنوان سایت تگ اچ5

عنوان سایت تگ اچ6

 

 نکات مهم : 

مهم ترین سرتیتر به تریتیب اهمیت موضوع h1 و h2  و  h3  میباشند . سایر تگ های h4  , h5 , h6 نیز اولویت ها و اهمیت کمتری نسبت به تگ های h1 - h2 -h3  دارند .

در هر صفحه حتما از یک تگ h1 استفاده کنید . و به هیچ وجه بیشتر از از 1 بار تگ های h1 - h2 - h3  را به کار نبرید .

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

 

تگ های پاراگراف  ( paragraph tags ):

پارگراف ها در اچ تی ام ال به وسیله تگ  <p></p> ایجاد می شوند .

مثال :

 

<DOCTYPE html!>

<html>

   <body>

   <p>This is a paragraph.</p>

    
   <p>This is another paragraph.</p> 

   </body>

</html>

 

 : در نهایت مرورگر بصورت زیر برای ما شکل زیر را نمایش خواهد داد

 

 

This is a paragraph

This is another paragraph

 

 

لینکها ( linkes )  :

لینک دهی در html  اصولا توسط تگ هایی به نام <a>  مشخص می شوند .این تگ ها به ویژگی به نام href  مشخص خواهد شد که در آموزشهای بعدی با تمامی ویژگیهای تگ ها آشنا خواهید شد .

Href  یکی از ده ها ویژگی تگ  a می باشد . که بوسیله آن آدرس لینک مورد نظر در آن جای میگیرد و زمانی که روی کلمه ی درون تگ a کلیک میکنیم href  سایت را به لینکی که درونش جای دارد منتقل میکند .

مثال :

 

<DOCTYPE html!>

<html>

   <body>

<a href="http://www.int-net.ir">This is a link</a>

   </body>

</html>

 

بعد از اجرای سند اچ تی ان ال بالا مرور گر بصورت زیر نمایش میدهد :

 

This is a link

 

 

زمانی که ما روی کلمه ی بالا کلیک میکنیم به آدرسی که داخل ویژگی href  وجود دارد منتقل خواهیم شد .

 

 

 

تصویر در HTML   :

تصاویر در HTML  با تگ <img> مشخص میشوند . تگ img  نیز مانند سایر تگ ها دارای ویژگیها و اتریبیوت های منحصر به فرد خودش می باشد .

مثال :

 

<DOCTYPE html!>

<html>

   <body>

       <img src="http://int-net.ir/Administrator/files/Services/www.int-net.ir.jpg" alt="int-net.ir" />

   </body>

</html>

 

 

مرورگر بعد از اجرای سند Html  بالا بدین صورت برای ما به نمایش در خواهد آمد :

 

طراحی سایت

 

 

 

 

 

 

 تگ هایی که به آنها اشاره کردیم مهمترین تگ های موجود در html  بودند . در آموزشهای بعدی در مورد سایر تگ های مهم دیگر نیز صحبت خواهیم کرد .

chat_bubble_outline ارسال نظر

عنوان نظر :
نام شما :
ایمیل :
آخرین مطالب
آموزش HTML  - کاراکترهای رزرو شده

آموزش HTML - کاراکترهای رزرو شده

آموزش HTML  - کاراکترهای رزرو شده یکسری از کارکتر ها و علائم در html  وجود دارند که به تنهایی نمیتوانند در داخل صفحات  html قرار گیرند و ممکن است حتی در کیبرد کامپیوتر ها وجود نداشته ب ...

آموزش html  -  جاوا اسکریپت

آموزش html - جاوا اسکریپت

آموزش html  -  جاوا اسکریپت تگ script  در html  : این تگ به منظور برنامه نویسی سمت کاربر مانند جاوا اسکریپت  javascript  مورد استفاده قرار میگیرد . عنصر <script > ...

آموزش html  تگ head

آموزش html تگ head

 آموزش html  تگ head عنصر head  یکی از مهمترین تگ های html  می باشد که تگ های اساسی و اصلی سایت را در خود جای میدهد . عناصری که درون تگ head  قرار میگیرند میتوانند شامل اسکری ...

expand_less