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

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

پيشنهاد ما : خواهشمنديم يا از آخرين نسخه مرورگر فايرفاکس استفاده کنيد يا کروم
اخرين ارسالي هاي تالار گفتمان
آخرين ارسلي هاي سايت
بازديد
بازديد امروز : 36
بازديد ديروز : 24
بازيد هفته : 97
بازديد ماه : 851
بازديد کل : 17,855
کل مطالب : 25
کل نظرات : 18
کل کاربران : 2
چهارشنبه 26 مهر 1396
آموزش ابتدایی HTML قسمت 2
آموزش ابتدایی HTML قسمت 2

خب در این قسمت اهداف من :

 

آموزش حرفه ای لینک ها

آموزش حرفه ای عکس ها

آموزش حرفه ای نوشته ها

 

آموزش بازی کردن با اچ تی ام ال

 

 

خب ابتدا بریم سراق نوشته ها

 

توی چیز هایی که ما مینوسیم مثلا میخوایم خیلی چیز هایی رو تغیر بدیم

مثلا یه نوشته رو بزرگ کنیم یا این که کج اش کنیم یا این که سایز اش رو تغیر بدیم یا رنگش رو عوض کنیم و ...

 

خب ابتدا از اول شروع میکنم

 

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

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

خب این تگ قبل از تگ پاراگراف شروع میشه (یاد آوری <p>)

مثال : تست 1

 

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

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

خب این تگ ام قبل از پاراگراف شروع میشه .

مثال : تست 1

 

برای این که بخوایم رنگ یه نوشته رو عوض کنیم باید از تگ Font استفاده کنیم .

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

این تگ قبل از پاراگراف و لینک ها نوشته میشود .

مثلا :

<font color="red"></font>

خب به جای Red میتونیم از رنگ هایی که توی اینگیلیسی اسم هاشون رو بلدیم استفاده کنیم .

مثلا :

Blue

Green

Black

و ...

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

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

هر کد رنگ ای با علامت "#" شروع میشه مثلا :

<font color="#ff0000"></font>

برخی از کد رنگ ها :

قرمز : ff0000

آبی آسمانی : 0000ff

آبی پر رنگ : 000fff

مشکی : 000000

سفید : ffffff

و ...

 

اگه دوست داشتید همه کد رنگ ها رو داشته باشید به وبسایت زیر رجوع کنید :

 

کد رنگ های اچ تی ام ال

 

یا این که از برنامه فتوشاپ استفاده کنید .

 

خب اگه خواستید سایز به نوشته رو زیاد کنید چند راه وجود داره ...

 

یکی از اون راه ها که خیلی راحت هست استفاده از تگ H هست

مثال ها :

 

<h1>خیلی بزرگ</h1>

<h2>بزرگ</h2>

<h3>معمولی</h3>

<h4>کوچک</h4>

<h5>خیلی کوچک</h5>

 

هر چه قدر این عدد بعد از H کم تر بشه اندازه نوشته کوچیک تر میشه ...

 

دومین راهی که هست استفاده از تگ Size در FONT هست مثال :

<font size="20"></font>

 

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

 

<font color="red" size="10">

<i><b><p>نوشته شما</p></b></i></font>

 

خوب ...

 

بریم سراق قسمت بعدی :

 

عکس ها رو میتونیم براشون کادر تعریف کنیم

میتونید براشون اندازه تعریف کنیم

 و خیلی کار های دیگه که اونم آموزش میدم ...

 

برای تعریف یا برداشتن کادر عکس میتونیم از تگ Border در img استفاده کنیم

مثال :

<img src="http://www.traxex.ir/uplodad/img.png" border="1">

به جای عدد 1 میتونیم از عدد های بیشتری یا 0 استفاده کنیم

اگه عدد رو 0 قرار بدیم کادر برداشته میشه و هر چه قدر عدد بیشتر باشه اندازه کادر بیشتر میشه ...

 

برای تعریف کردن اندازه در عکس از دو تگ width و height در img استفاده میکنیم .

مثال :

<img src="http://www.traxex.ir/uplodad/img.png" width="500" height="500">

میتونید به جای عدد های 500 عدد های دیگه ایی ام قرار بدید

اگه این عدد رو 0 قرار بدید عکس نماید داده نمیشه ...

 

width = اندازه چپ تا راست عکس

height = ارتفاع عکس بالا تا پایین

 

خب بریم سراق لینک ها

 

انتقال کاربر به صفحات

دنبال کننده لینک

اضافه کردن متنی که هنگام بردن موس بر روی نوشته نمایش داده شود .

 

خب

منظور از انتقال کاربر به صفحه جدید این ه که چه جوری کاربر به صفحه جدید منتقل بشه

استفاده از دو تگ _Blank و _Self در Target

مثال :

<a href="http://www.traxex.ir" target="_Blank">Traxex</a>

_Blank = در صفحه جدید

_Self = در همان صفحه

 

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

title در a استفاده میکنیم

مثال :

<a href="http://www.traxex.ir" title="Traxex Games Tools">Traxex</a>

کد title رو میتونید در عکس ها و نوشته های معمولی ام به کار ببرید ...

 

خب بریم سراق آموزش بازی کردن با HTML

 

این کار خیلی راحت هست ...

یکی از کاربرد های این قسمت ساخت بنر برای وبسایت خودتون هست

الان فکر کنم شما بتونید یه بنر برای خودتون بسازید

برای ساخت بنر من کد هاش رو مینویسم

فکر کنم قبل از این از سایت هایی که بنر میساختن شما استفاده میکردید .

و الان میفهمید که چه کار راحتی بوده :)

<a href="http://www.traxex.ir" target="_blank" title="Traxex | Games Tools" rel="follow"><img src="http://www.traxex.ir/uploads/img.gif" width="500" height="500" border="0"></a>

جالبه نه ؟؟

برای دنبال شدن یا نشودن لینک در متور های جست و جو از تگ Rel استفاده میکنیم

مثال :

<a href="http://www.traxex.ir" rel="follow"></a>

Follow : دنبال شود

NoFollow : دنبال نشود

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

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