close
تبلیغات در اینترنت

آموزش ابتدایی HTML قسمت 4

پيشنهاد ما : خواهشمنديم يا از آخرين نسخه مرورگر فايرفاکس استفاده کنيد يا کروم
اخرين ارسالي هاي تالار گفتمان
آخرين ارسلي هاي سايت
بازديد
بازديد امروز : 38
بازديد ديروز : 24
بازيد هفته : 99
بازديد ماه : 853
بازديد کل : 17,857
کل مطالب : 25
کل نظرات : 18
کل کاربران : 2
چهارشنبه 26 مهر 1396
آموزش ابتدایی HTML قسمت 4
آموزش ابتدایی HTML قسمت 4

 

خب به قسمت 4 آموزش اچ تی ام ال به زبان ساده رسیدیم !

 

تا این جا خوب پیش رفتیم !!

 

امروز میخوام من شما رو با تگ <br>  آشنا کنم

 

این تگ کاری میکنه که یه خط پایین تر بریم

 

مثلا شما دارید یه نوشته مینویسید بعد وقتی به نقطه میرسید میخواید برید خط پایین تر

اون زمان از این تگ استفاده میکنید

این تگ در تمام تگ های Body  قابل استفاده میباشد

مثال :

<body>

<a href="#">lol</a>

<br>

<a href="#">Lol2</a>

</body>

خب مثلا میخواید دو تا عکس رو از هم جدا کنید میتونید از این تگ استفاده کنید . یا هر چیز دیگه ای ...

تگ بعدی که من میخوام شمارو با اون آشنا کنم تگ pro  هست

این تگ با <pre>  شروع و با </pre>  پایان میابد .

هر چیزی که بین این دو تا تگ قرار بگیره هیچ نیازی به br  نداره این تگ برای فرمول های ریاضی و ... به کار میره

مثال :

<body>

<pre>

Lol

Lol2

</pre>

</body>

تگ بعدی که میخوام به شما آموزش بدم تگ table  هست

این تگ همونی تگی هست که یه جدول میسازه

ساخت یه جدول یه خورده سخت هست ولی با تمرین آسون میشه ...

 

مثال ساخت یه جدول بسیار ساده

<body>

<table>

<tbody>

<tr>

<td>Test1</td>

<td>Test2</td>

</tr>

</tbody>

</table>

</body>

 

تگ ها رو دونه به دونه توضیح میدم

Tbody  برای نمایش جدول به کار میرود

Tr  این تگ همون نقش <br>  رو انجام میده با این تفاوت که این تگ جدول رو به یه خط پایین تر میفرسته

Td  این تگ برای قسمت بندی کردن هر خط هست

 

مثلا اگه بخوایم یه جدول با 3 سطر و 3 قسمت بسازیم

باید 3 باز از تگ tr  استفاده کنیم

و باید در هر خط 3 بار از تگ td  استفاده کنیم

 

مثال :

<table>

<tbody>

<tr>

<td>Test 1</td><td>Test 2</td><td>Test 3</td>

</tr>

<tr>

<td>Test 4</td><td>Test 5</td><td>Test 6</td>

</tr>

<tr>

<td>Test 7</td><td>Test 8</td><td>Test 9</td>

</tr>

</tbody>

</table>

 

قسمت بعدی آموزش مربوط به آموزش ساخت فرم هست .

توی فرم ها میتوانیم از کاربر مورد نظر خودمون اطلاعاتی مثل نمایش دادن اطلاعات ، دریافت اطلاعات ، تیک زدن ، انتخاب دو مورد مخطلف ،  دکمه ها و ... ها میشود .

برای ساخت یک فرم میتوانیم از تگ form  استفاده کنیم

این تگ با <form>  شروع و با </form>  پایان میابد .

تمامی اطلاعاتی که ما میخواهیم برای سرور بفرستیم باید بین این دو تگ باشه !

خب

اولین تگی که میخوام بهتون یاد بدم تگ input  هست

این تگ برای وارد کردن اطلاعات به کار میره .

مثال :

<input type="text" name="username" id="username" "class="username" value="Your Name">

خب در قسمت Type  میتوانید از دو تگ زیر استفاده کنید .

متن = text

پسورد password =

 

در قسمت Name   میتوانید نام این ورودی را مشخص کنید . (این کد بیشتر در PHP  کاربرد دارد)

در قسمت ID  میتوانید ای دی این ورود را مشخص کنید . (این قسمت بیشتر برای JavaScript  به کار میرود)

در قسمت Class  ام میتوانید نوع گرافیک سی اس اس ورودی را مشخص کنید (این قسمت مخصوص Css  میباشد و نوع گرافیک ورودی را مشخص میکند)

در قسمت Value  متن پیشفرضی که میخواد توی اون قسمت نمایش داده بشه نوشته میشه .

 

تگ بعدی که میخوام به شما آموزش بدم TextArea  هست

در TextArea  میتونید چند خط متن را به کاربر نمایش بدید .

 

مثال :

<textarea id="output-ta" width="500" height="500">

TEST 1

TEST 2

</textarea>

 

Width , height

رو قبلا آموزش داده بودم .

 

اگه بخوایم توی فرم یک دکمه قرار بدیم

از تگ زیر استفاده میکنیم .

مثال :

<input type="submit" value="Enter" id="Click" class="Click-Btn">

 

فکر کنم برای این قسمت آموزش کافی باشه ...

 

خوشبختم شما 70 % اچ تی ام ال ابتدایی رو یاد گرفتید ...

30% بعدی رو توی آموزش آخر یاد میگیرید .

 

توی آموزش آخر انتظار دارم هر کی داره این آموزش رو میخونه یه صفحه با مشخصاتی که توی آموزش بعدی بهتون میدم بهم بدید .

 

برام مهم نیست چند نفر این آموزش رو میخوانه ...

برام این مهمه که واقعا این آموزش ها به کار یکی بیاد ... همین

 

در صورتی که تا این جای آموزش به مشکل برخوردید با من در تماس باشید .

میتونید در همین پست نظر بزارید یا این که با ایمیل من در تماس باشید :

Support@Traxex.iR

 

اگر فکر میکنید که قسمتی رو جا انداختم بگید تا دروست اش کنم

 

تا آموزش بعدی فعلا ...

ارسال نظر
نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتی
درباره ما
با سلام ، به وبسایت دیزاین ترگزس خوش آمدید . لطفا جهت سفارش نرم افزار از منوی بالای وبسایت اقدام فرمایید . در صورتی که در نرم افزاری مشکل خاص ای داشتید لطفا با ایمل من در تماس باشید : designer.parsi@gmail.com

آدمی در دنیا برتر از همه است که از خلاقیت خود استفاده کند
ورود به سايت
نام کاربری :
رمز عبور :
ليست کاربران
جستجو