آموزش HTML (قسمت ۴)

آموزش-html-قسمت-۴

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

کدهای HTML :

<table border="1" width="100%">
    <tr>
        <th>لوگو</th>
        <th>آدرس</th>
        <th>موضوع</th>
        <th>سایت</th>
    </tr>
    <tr>
        <td><img src="http://dr-code.ir/front/image/logo.png" width="50" height="70" alt="دکتر کد"></td>
        <td><a href="http://dr-code.ir" targer="_blank">www.<strong>Dr-Code</strong>.ir</a></td>
        <td>مرجع آموزش های برنامه نویسی وب</td>
        <td>دکتر کد</td>
    </tr>
</table>

<table> : برای ایجاد بدنه اصلی جدول

<tr> :  برای ایجاد یک سطر جدید

<td> : برای ایجاد ستون جدید

border : برای ایجاد حاشیه در جدول به کار می رود.

width : اندازه افقی جدول را تعیین می کند.

 

خب تا ایجا با ایجاد جدول با سطر و ستون های دلخواه آشنا شدید.در ادامه می خوام تعدادی از تگ های کاربردی HTML رو بهتون بگم.

تگ <input> : برای ایجاد ابزاهای مختلف استفاده می شود.

<h5> ایجاد ابزارهای مختلف با استفاده از تگ input </h5>
<label for="textbox"> ایجاد ورودی متن </label>
<input id="textbox" placeholder="دکتر کد" type="text">
<br>
<label for="checkbox"> ایجاد چک باکس </label>
<input type="checkbox" id="checkbox">
<br>
<label for="radiobox"> ایجاد رادیو باکس </label>
<input type="radio" id="radiobox">
<br>
<label for="submit"> ایجاد دکمه </label>
<input type="submit" id="submit" value="ذخیره اطلاعات">
<br>
<label for="file"> فایل </label>
<input type="file" id="file">

type : مشخص می کند که چه نوع ابزاری باید ایجاد شود.

id : شناسه هر ابزار می باشد که در آموزش های JQuery استفاده شده است.


► قسمت قبلی قسمت بعدی ◄
خودتان امتحان کنید

آموزش های مرتبط :



پرسش و پاسخ

سوالی دارید بپرسید؟