آموزش HTML – جلسه پنجم ( تگ های پرکاربرد )

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

تگ های مهم HTML :

  • تگ  img : از این تگ برای نمایش عکس استفاده می کنیم . این تگ فقط خصوصیات را نگه داری می کند و تگ پایانی ندارد ( <img>)
    خصوصیات تگ img :
    ۱- src :  آدرس عکس، درون این خاصیت قرار می گیرد
    ۲- alt :  درون این خاصیت متنی نوشته می شود که در صورت لود نشدن عکس این متن به جای آن نمایش داده شود.
    ۳- border :  تعیین کننده ضخامت خط حاشیه دور عکس است .
    ۴- height :  میزان ارتفاع عکس را تعیین می کند با استفاده از pixel  یا % ( درصد )
    ۵- width :  میزان عرض عکس را تعیین می کند با استفاده از pixel  یا % ( درصد )

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

به مثال زیر توجه کنید :

<img border="0" alt="solutionz" src="logo_solutionz.gif" width="100" height="100">

 

  • تگ  a :  از تگ a در HTML برای لینک دادن به صفحات دیگر استفاده می شود.( وقتی روی آن کلیک می شود به یک صفحه دیگر می رود )
    خاصیت های مهم تگ  a :
    ۱-  href :  صفت href آدرس لینکی که می خواهید متن، به آن ارجاع شود را درخود جای میدهد. این صفت در همان تگ ابتدایی تعریف می شود.
    ۲-  target :  نحوه باز شدن و نمایش پنجره صفحه مقصد را تعیین می کند
    ۳-  rel :  توع ارتباط بین صفحه ای که در آن هستیم با صفحه ای که لینک شده است را مشخص می کند.
    ۴-  rev : تعیین کننده نوع ارتباط بین صفحه مقصد پیوند و صفحه جاری است (بر عکس rel )

به مثال توجه کنید :

 

 <a rel="nofollow" rev="nofollow" href="http://www.solutionz.ir" target="_blank" >solutionz</a> 

 

  • تگ p : با استفاده از این تگ شما می توانید یک پاراگراف ایجاد کنید که این پاراگراف با تگ <P> شروع و با <P/> تمام می شود.

 



This is some text in a paragraph.

 

تگ p در html

 

  • تگ h : تگ عنوان یا همان  heading tags ، این تگ معمولا برای ایجاد تیترها و عنوان ها مورد استفاده قرار می گیرد . (متنی که قرار است به عنوان تیتر نمایش داده شود.)
    این تگ را در صفحات وب بر اساس اولویت های آن مورد استفاده قرار می دهند.( اولویت h1  از همه تگ های h بیشتر می باشد و هر چه عدد جلوی h  بیشتر باشد اولویت آن کمتر میشود. )

h1  یا همان هدینگ اول مهم ترین تیتر صفحه می باشد که باید در هر صفحه یک بار استفاده شود ( برای seo  وب سایت مهم می باشد)

مثال :

 


<h1>This is heading 1</h1>


<h2>This is heading 2</h2>


<h3>This is heading 3</h3>


<h4>This is heading 4</h4>


<h5>This is heading 5</h5>


<h6>This is heading 6</h6>

 

 

تگ p در html

 

  • تگ span : از تگ < span > برای تقسیم بندی متن یک پاراگراف به قطعات مجزا استفاده می شود ، که می توان به هر قسمت ویژگی ها و style متفاوتی را اعمال کرد.
    که با <span> باز و با </span > بسته می شود. (  مثلا می خواهیم یک قسمت خواصی از متن را به رنگ قرمز در آوریم و لی بقیه سیاه بماند برای این کار از تگ span  استفاده میکنیم . )

مثال :

 



My mother has <span style="color:blue">blue</span> eyes.

 
نگارش و انتشار توسط ابراهیم عادلی

فعال در زمینه های : طراحی رابط کاربری UI ، توسعه و طراحی وب ، تولید محتوی مارکتینگ گوگل

دیدگاه شما

ایمیل شما نزد ما محفوظ خواهد بود.