اموزش تگ های HTML (قسمت دوم)
فھرست ھا
فھرست بدون شماره
<html>
<head>
<title> Test </title>
</head>
<body>
<ul>
<li> ایران </li>
<li> آمریکا </li>
<li> ژاپن </li>
</ul>
</body>
</html>
فھرست شماره دار
<body>
<ol>
<li> ایران </li>
<li> آمریکا </li>
<li> ژاپن </li>
</ol>
</body>
فھرست ھای توضیح دار
<body>
<dl>
<dt> ایران </dt>
<dd> آسیا </dd>
<dt> آمریکا </dt>
<dd> آمریکای شمالی </dd>
<dt> فرانسه </dt>
<dd> اروپا </dd>
</dl>
</body>
درفھرستھا type
با استفاده از این مشخصه میتوان شکلی را که درکنار فھرستھای بدون شماره و یا اعداد
فھرستھای شماره دار را به نوع دلخواه تغییر داد
Disc ,circle,square نوع شکل ھا دایره توپر- دایره توخالی و مربع
abc , ABC , i ii iii , I II III اعداد
<body>
<ul type=”circle”>
<li> ایران </li>
<li> آمریکا </li>
<li> ژاپن </li>
</ul>
</body>
استفاده از رنگ ھا
<body bgcolor=”red”>
<body bgcolor=”#FF0000″>
<body bgcolor=”rgb(255,0,0)”>
استفاده از تصویر پس زمینه
<body background=”logo.jpg”>
جدول ھا
برای ایجاد جداول استفاده میشود <table> از تگ
برای ساخت ستون ھا استفاده میشود <td> برای ساخت سطرھا و از تگ <tr> و از تگ
ھم برای نمایش یک عنوان برای ستون ھا استفاده میشود <th> از تگ
<html>
<head>
<title> Test </title>
</head>
<body>
<table border=1>
<caption> تست </caption>
<th> ستون ١ </th>
<th> ستون ٢ </th>
<tr>
<td>row 1,cell 1</td>
<td>row 1,cell 2</td>
</tr>
<tr>
<td>row 2,cell 1</td>
<td>row 2,cell 2</td>
</tr>
</table>
</body>
</html>
جھت ایجاد حاشیه برای جدول استفاده می شود Border از صفت
میتوان یک عنوان برای جدول انتخاب نمود <caption> با تگ
<form> تگ
توسط این تگ میتوان عناصری جھت دریافت اطلاعات از کاربر ساخت
<input> تگ
در تگ فرم می توان از این تگ استفاده نمود و انواع دکمه ھای رادیویی و فیلد ھا ر ا
ساخت
Textbox ایجاد
<html>
<head>
<title> Test </title>
</head>
<body>
<form>
<input type=”text” name=”firstname”>
نام:
<br>
<input type=”text” name=”lastname”>
نام خانوادگی:
</form>
</body>
</html>
ایجاد دکمه ھای رادیویی
<form>
<input type=”radio” name=”s” value=”male”> مرد <br>
<input type=”radio” name=”s” value=”female”> زن <br>
</form>
ایجاد جعبه انتخاب
<form>
<input type=”checkbox” name=”male”> گزینه ١ <br>
<input type=”checkbox” name=”female”> گزینه ٢ <br>
</form>
:نکات*
این اموزش شامل 3بخش است که دو بخش بعدی آن را در چند روز بعدی خواهیم گذاشت
موفق باشید