دنیای کد ها::ابزار حرفه ای وب- آموزش html فصل دوم

تاریخ: جمعه 04 مرداد 1392 ساعت: 13:15 بازدید: 260 نویسنده: امیرمحمد حاجی بنده

آموزش html  - فصل دوم

 

 

 

 

 

 

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

مثلا در این فصل شما یاد می گیرید که یک عنصر را به تنظیمات دلخواه در آورده ویا آن را مقدار دهی کنید مثلا عکس چه طول و چه عرضی

 

داشته باشدبرای متوجه شدن به ادامه رجوع کنید.



ليست عناصر پر کابرد

اين ها عناصري هستند که کاربرد فراواني در طراحي وب دارند.

 

متن بين را در يک پاراگراف در مي آورد

 

 

<p>

 

اين عنصر تنها عنصر ي است که تنها با علامت پايان درست مي شود اين عنصر خط شما را به خط ديگري منتقل ميکند.

 

 

<br/>

 

يک خط افقي ايجاد مي کند

 

 

<hr>

 

براي نمايش دادن عکس است مخفف عبارتimage مي باشد

 

 

<img>

 

 

اينها متن را بؤرگ و کوچک مي کنند هر چه شماره ي آن بيشتر شود متن کوچک تر مي شود.

 

 

<h1>  ,  <h2>,…<h6>

 

متن را توپر (bold) مي کند

 

<b>

 

 

متن را کج (italic) مي کند

 

 

<i>

 

اين استيل قالب و حتي عناصر شما را مي تواند تايين کند عنصر مقدار دهي آن با ساير عناصر فرق مي کند ( اين عنصر بسيار مهم بوده روش  مقدار دهي آن را به طور مفصل در فصل سه توضيح خواهيم داد )

 

 

 

<style>

 

 

 

 

چگونه مي توان مقدار دهي کرد؟

پاسخ : مثلا شما مي گوييد   عنصر   x- حرف h آن برابر 2 باشد يعني عنصر x داريم که خاصيتh آن ويژگي 2 دارد  مثال عملي: <"2"=x  h> 

روش مقدار دهي عناصر:

<"0"=x  h>

حر ف در آنجا نقش عنصر را بازي مي کند .

حرف  در آنجا نقش يک خاصيت ويا يک ويژگي عنصر را بيان مي کند.

شماره ي  در آنجا نقش جواب خاصيت را مي دهد که آن خاصيت برابر چه باشد.

روش کنار هم چيدن آنها

اول : عنصر شروع را در نظر مي گيريم / دوم:يک خاصيت را بيان مي کنيم همانند وجلوي آن يک علامت مساوي مي گذاريم يعني خاصيت برابر 0 باشد./سوم : علامت ( " ) را مي گذاريم /چهارم : جواب ويژگي را مي دهيم يعني برابر چه چيزي باشد/پنجم : دوباره علامت داخل پرانتز ( " ) را مي گذاريم - /ششم : علامت (<) را مي گذاريم/***

 

يک نکته جواب بايد بين دو علامت داخل پرانتز( " ) باشد تا محدوده ي جواب مشخص شود.

 

ويژگي هاي عنصر

در اين جا ما شما را با برخي از ويژگي ها عنصر و پاسخ آنها و کاربردشان به شما معرفي مي کنيم.

کاربرد

جواب ويژگي

نوع ويژگي

معمولا رنگ متن ها و حاشيه هارا معلوم مي کند

Blue , yellow, black   - ويا نام هر رنگي

color

 

پس زمينه  را تايين مي کند

Blue , yellow, black   - ويا نام هر رنگي

bgcolor

 

آدرس فايلي را مشخص مي کنذ

آدرس فايلي که شما آپلود کرده ايد مثل عکس را مشخص مي کند. مي توانيد با اين وپژگي عکسي را به نمايش بگذاريد

 

src

 

طول  را مشخص مي کند

اندازه را مي توانيد عددي وارد کنيد(اندازه ها بر حسب پيکسل مي باشد)

 

width

 

عرض را مشخص مي کند

اندازه را مي توانيد عددي وارد کنيد(اندازه ها بر حسب پيکسل مي باشد)

 

height

 

محل شروع  عناصر را مشخص مي کند

مثل چپ , راست و وسط  که به ترتيب

Left , right , center

 

align

 

 

ساده : ابزار حر فه اي وب

مثال:

 کد :  <i/>ابزار حرفه ای وب<i>

 خروجي کد بالا :    ابزار حرفه اي وب

 


 

 کد :  <b/>ابزار حرفه ای وب<b>

 

 

 

خرو جي کد بالا :  ابزار حرفه اي وب

 


نحوه وارد کردن عکس - دنیای کدها

خروجي کد بالا :.

 


<"body bgcolor"=red>

 

 

خروجي را خودتان با تايپ کردن کد بالا در text مشاهده کنيد.


کد:

<h1/>بسم الله الرحمن الرحیم<h1>

<h2/>بسم الله الرحمن الرحیم<h2>

<h3/>بسم الله الرحمن الرحیم<h3>

<h4/>بسم الله الرحمن الرحیم<h4>

<h5/>بسم الله الرحمن الرحیم<h5>

<h6/>بسم الله الرحمن الرحیم<h6>

 

 

خروجي کد بالا : 

 

بسم الله الرحمن الرحیم

بسم الله الرحمن الرحیم

بسم الله الرحمن الرحیم

بسم الله الرحمن الرحیم

بسم الله الرحمن الرحیم
بسم الله الرحمن الرحیم

 

 


پايان فصل دوم- اميد وارم برايتان مشکل و سخت نشده باشد.-تا فصل سوم خداحافظ

 

 


موضوعات:آموزش html ,

بر چسب: , ,
آموزش-html----فصل-دوم آموزش-html----فصل-دوم آموزش-html----فصل-دوم آموزش-html----فصل-دوم آموزش-html----فصل-دوم امتیاز : 520 دیدگاه(0)

ارسال نظر

نام شما
وب سایت
پست الکترونیک
پیام
درج شکلک
نظر خصوصی
کد امنیتی

نظرات


صفحات نظرات
1 |
موضوعات
نظرسنجی
به نظر شما ابزار های ما نسبت به سایر سرویس ها ی ابزار وب چگونه است؟






نتايج|| آرشیو نظرسنجی