تگ Ul

ازتگul برای نمایش لیست هایی که ترتیب برایمان اهمیتی ندارد استفاده می کنیم.
این تگ شامل خاصیت TYPE می باشد که مواردی را در خود جای داده است.در کل این تگ علامات و نشانه های ما را در قسمت مورد نظر در طراحی سایت نمایش می دهد.

√Disk:این خصیصه باعث نمایش دایره ی توپر کنار آیتم مورد نظر می شود.

√Circle:باعث نمایش یک دایره توخالی کنار آیتم انتخاب شده می شود.

√Square:امکان نمایش مربع تو پر کنار آیتم انتخاب شده می شود.

√None:این خصیصه هیچ علامتی را  اضافه نمی کند.

تگ LI

با ادغام تگ های li , ul  برای نمایش لیست های نامرتب استفاده می کنند.توجه داشته باشید که برای ورود دستورات خود در این لیست ابتدا باید تگ<ul> را قرار داد و سپس دستورات را درتگ<li> وارد کرد.توجه داشته باشید که این تگ می تواند به صورت یکه هم نوشته شود.

به کاربرد

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

نتیجه :

  • Coffee
  • Tea
  • Milk

برای ایجاد یک جدول باید تگ ابتدایی آن یعنی <table> را در جایی که می خواهید جدول وارد شود، قرار دهید. و در پایان جدول هم از تگ پایانی آن یعنی <table/> استفاده کنید.
برای افزودن محتویات به جدول باید از تگ <td> استفاده کنید. نام این تگ مخفف table data است. محتویات جدول چیزهایی هستند که شما بعد از این تگ قرار می دهید. در پایان هم باید پس از محتویات جدول از تگ پایانی <td/>قبل از تگ پایانی جدول استفاده کنید.
<table style=”width:100%>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>

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

تگ های html نسبت به بزرگ و کوچک بودن حروف حساس نيستند ، يعنی تگ های < b > با < B > برابر هستند .

 تگ هایhtml محتویات درون خود را تحت تاثير قرار می دهد . برای مثال تگ < b > برای توپر کردن ( bold ) نوشته به کار می رود و چنانچه متنی بين تگ باز و بسته < b > قرار بگيرد ، توپر می شود .

برای نوشتن کدهای HTML ، تنها یک ادیتور متن مانند Notepad ویندوز و یا نرم افزار های مرتبط با HTML همچون فرانت پیج یا ویژوال استودیو نیاز است .

در طی این آموزش ها می توانید با نرم افزار Notepad ویندوز کدها را نوشته و سپس ذخیره نمایید.

فایل های تولید شده را با پسوند .htm و یا .html ذخیره نمایید . تفاوتی بین این پسوند ها نمی باشد .

بعد از نوشتن کدها در Notepad و ذخیره ی آن با پسوند های ذکر شده ، برای اجرای کد نوشته شده فایل را در نرم افزار های مرورگر وب مانند Internet Explorer و یا Firefox و … اجرا نمایید.

کدهای html از یک سری تگ تشکیل شده اند. صفحات HTML فقط از کد ها که به صورت متن هستند تشکيل شده اند. بدین معنا که برای تصویر کد مربوط به تمایش تصویر و جدول و … کدهای Html مربوط به هر یک را باید نوشت و مرورگر با رسیدن به این کد ها و تگ ها ، المنت های مرتبط با آن را نمایش می دهد.تگ ابتدايی مشخص کننده آغاز تگ و تگ پايانی ، مشخص کننده انتهای تگ است . هر تگ html، بايد حتما در ادامه توسط تگ پايانی بسته شود . کليه نوشته ها و تگ های ديگری که در بين تگ ابتدا و پايان نوشته می شوند ، محتويات تگ را تشکيل می دهند .تگ های HTML نسبت به بزرگ و کوچک بودن حروف حساس نيستند ، يعنی تگ های < b > با < B > برابر هستند .

هر تگ HTML محتویات درون خود را تحت تاثير قرار می دهد . برای مثال تگ < b > برای توپر کردن ( bold ) نوشته به کار می رود و چنانچه متنی بين تگ باز و بسته < b > قرار بگيرد ، توپر می شود . تگ p برای ایجاد پاراگراف می باشد و خاصیت Border برای تگ آن حاشیه ای ایجاد میکند. HTML مخفف واژگان Hypertext Markup language است.که منظور از Hypertext این است که Text یا متن در این زبان کاری فرای نمایش تعدادی کاراکتر روی صفحه نمایش انجام خواهد داد. در واقع Text دارای وظایف بسیار بیشتری است که از آن جمله می توان به لینک دادن از طریق Text یا متن به دیگر بخش های سایت یا سایت های دیگر استفاده نمود. برای روشن شدن این مسئله قصد داریم تا یک فایل دیگر اچ تی ام ال در فولدر مربوط به سایت خود ایجاد کرده و به آن لینک دهیم.

لینک متن <a href=”pages/second-page.html”>Go to the second page</a>   یا
<a href=”pages/second-page.html”>Go to the second page</a>
لینک تصویر<a href=”http://www.2sweb.ir” > <img src=”2sweb.jpg”/> </a>