بــیــگ تــم
مرجع قالب وردپرس ، افزونه وردپرس ، آموزش وردپرس ، هاست وردپرس

جستجو
فقط جستجو من
جستجو در عنوان
جستجو در محتوا
جستجو در دیدگاه ها
جستجو در خلاصه ها
Filter by Custom Post Type
برگه‌ها
پیش نمایش فرم
اسلایدر دلخواه

خانه / آموزش طراحی سایت با html / اموزش تگ های HTML (قسمت دوم)

اموزش تگ های HTML (قسمت دوم)

اموزش تگ های 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بخش است که دو بخش بعدی آن را در چند روز بعدی خواهیم گذاشت
موفق باشید

باکس دانلود

4 دیدگاه

  1. مطلب جالبی بود ممنون

    کی میرید سراغ css , json ؟؟؟

    • هادی قربانی

      طرفدار نداشتن این آموزش ها ادامه ندادیم 🙂 انشاا… در آینده تو برنامه هامون هست


      با تشکر از دیدگاه شما.
      در کانال تلگرام بیگ تم عضو شوید : BigThemeCh@

  2. سلام.هر قسمت چند بخش هست؟میشه بگید همه این اموزش چطوری پیدا کنم؟خواهش میکنم جواب بدین چون واقعا اموزش عالی هست با زبان حرفه ای توضیح ندادین که فقط حرفه ای ها بفهما واقعا تشکر

    • هادی قربانی

      هانی عزیز
      این آموزش متاسفانه تا 5/6 قسمت پیش رفت. ولی شروع کار خوبه وارد هر مطلب شدید پایین نوشته یه قسمت هست به صورت که یکی از تب هاش مطالب مرتبط هستش روش کلیک کنید مطالب مرتبط مروبطش و بهتون نمایش میده


      با تشکر از دیدگاه شما.
      در کانال تلگرام بیگ تم عضو شوید : BigThemeCh@

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دنبال کردن