آموزش طراحی سایت(جلسه ۵): تگ های مهم html

تگهای sub و sup :

متن داخل تگ sub و تگ sup به صورت توان  ۸sup و یا زیرنویس ۹sub  در میآید. در طراحی سایت  از این تگها برای قرار دادن حروف یا اعداد کمی بالاتر یا پایینتر از بقیه متن در صفحه استفاده میشود.

برای نوشتن متنی به شکل زیر :
Designed by MicrosoftTM Office2010
از این دو کد استفاده میکنیم:

<sup> حروف یا شمارهای که بالاتراز سطر باشد </sup>
<sub> حروف یا شمارهای که پایین تر از سطر باشد </sub>

تگ pre :

تگ ۱۰pre زمانی به کار میرود که شما قصد دارید در طراحی سایت  یک قطعه کد برنامهنویسی )مثلاً به زبان C( به همان صورت که تایپ کردهاید به کاربر نمایش داده شوند. یعنی قصد دارید قسمتی از کد را در قسمت آموزش به کاربر نشان دهید.
برای مثال شما قصد دارید این برنامه به زبان C را در سایت خود قرار دهید:

#include<stdio.h> #include<conio.h>
 int main(); 
{ int x=2 ,y=5 ,sum=0;
clrscr(); 
sum=x+y;
printf(“sum=%d”,sum);
getch();
return(0); }

برای این کار آن را با تگ < pre > باز و بسته احاطه میکنید و همچنین برای این که مرورگر شما قسمت  < stdio.h > را، تگهای html در نظر نگیرد از معادل آنها استفاده کنید:
یا  کاراکترهای خاص  به این علامتها در اصطلاح در طراحی سایت  Special Characters گفته میشود:

<
&lt;
>
&gt;

تگ abbr در  طراحی سایت :

این تگ برای نمایش متن کامل کلمات اختصار یافته به کار میرود. بدین صورت که شما عبارت کامل را بین “ دابل کوتیشن صفت title مینویسید و کلمه اختصار یافته را بین تگ باز و بسته > abbr > 11 قرار
میدهید. به این صورت:

<abbr title=”عبارت کامل ”> کلمه مختصر </abbr> <abbr title=”Personal Computer”>PC</abbr>

تگ font :

تگ font برای تعیین خصوصیات متن در طراحی سایت است. مثل نوع فونت، سایز آن و رنگ نوشته، که با صفات color, size و face قابل اجراست.
مثال:

<font face=”Tahoma” size=”۲” color=”blue”> طراحی صفحات وب </font>

این کد در مرورگر نوع فونت را Tahoma سایز آن را ۲ و رنگ نوشته شما را آبی نمایش میدهد.