اموزش تگ های 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بخش است که دو بخش بعدی آن را در چند روز بعدی خواهیم گذاشت
موفق باشید
هانی عزیز
این آموزش متاسفانه تا 5/6 قسمت پیش رفت. ولی شروع کار خوبه وارد هر مطلب شدید پایین نوشته یه قسمت هست به صورت که یکی از تب هاش مطالب مرتبط هستش روش کلیک کنید مطالب مرتبط مروبطش و بهتون نمایش میده
سلام.هر قسمت چند بخش هست؟میشه بگید همه این اموزش چطوری پیدا کنم؟خواهش میکنم جواب بدین چون واقعا اموزش عالی هست با زبان حرفه ای توضیح ندادین که فقط حرفه ای ها بفهما واقعا تشکر
طرفدار نداشتن این آموزش ها ادامه ندادیم 🙂 انشاا… در آینده تو برنامه هامون هست
مطلب جالبی بود ممنون
کی میرید سراغ css , json ؟؟؟