آموزش اچ تی ام ال بخش دوم
در این بخش به توضیح کاملتری درباره تگ می پردازیم و تعدادی تگ جدید معرفی میکنیم.
برای مطالعه آموزش به ادامه مطلب بروید.
1- یک فایل نوت پد جدید در دسکتاپ بسازید . ( توضیح روش ساخت در جلسه اول )
2- فایل را باز نکنید پسوند آن را ابتدا به اچ تی ام ال تبدیل کنید.
3- حالا روی فایل کلیک راست کرده و روی گزینه open with بروید و در منوی باز شده نوت پد را انتخاب کنید.
ممکن است در منوی باز شده نوت پد نباشد که در این صورت باید choose default program را انتخاب کنید و سپس از آنجا نوت پد را انتخاب کنید و تیک چک باکس را بردارید و کلید ok را کلیک کنید.
4- حالا روی فایل اچ تی ام ال دابل کلیک کنید تا در مرورگر هم باز شود.
در این حالت می توانید همزمان از نوت پد و مرورگر برای ساخت صفحه اچ تی ام ال استفاده کنید.
یک متن در فایل نوت پد می نویسیم بهتر است فعلا انگلیسی بنویسم تا مشکلی به وجود نیاید در آموزش های بعدی روش فارسی نوشتن را آموزش خواهیم داد.
تگ ها (Tags) در html
در اچ تی ام ال تگ ها بین < و > یا less than و greater than یا بین دو علامت کوچک تر بزرگ تر قرار می گیرند
در اچ تی ام ال دو نوع تگ وجود دارد .
1- Empty Tags
2- Standard Tags
Empty Tags : به تگ هایی گفته می شوند که تکی هستند و تگ پایان ندارند مانند تگ br که برای رفتن به خط بعدی است . مثال :
welcome to <br> 24 12 blog
نتیجه :
welcome to
24 12 blog
اگر امتحان کرده باشید وقتی در نوت پد به صورت عادی ( با کلید Enter ) به خط بعدی میروید در فایل اچ تی ام ال فقط یک فاصله می افتد.
Standard tags : به تگ های گفته می شوند که تگ شروع و پایان دارند در تگ پایانی قبل نام تگ یک / یا Back slash قرار می گیرد . مانند تگ h1 که برای ایجاد عنوان در اچ تی ام ال است مثال :
welcome to <h1> 24 12 </h1> blog
نتیجه :
welcome to
مثال از تگ های header :
<h1> 24 12 </h1>
<h2> 24 12 </h2>
<h3> 24 12 </h3>
<h4> 24 12 </h4>
<h5> 24 12 </h5>
<h6>24 12 </h6>
<p> 24 12 </p>
نتیجه :
24 12
مشخصه (Attribute) تگ ها در html :
تگها مشخصه هایی دارند مثلا hr که برای کشیدن خط است تعدادی مشخصه دارد که در صورت وارد نکردن آنها از رنگ و اندازه و ... پیش فرض خود استفاده می کند.
با نوشتن مشخصه های hr میتوان رنگ خط و پهنا و اندازه و ... را تنظیم کرد.
نحوه نوشتن مشخصه تگ ها :
بعد نام تگ یک فاصله می گذاریم و بعد مشخصه (Attribute) بعد هم یک علامت مساوی و بعدهم مقدار (Value) را بین دابل کوتیشن (") یا تک کوتیشن (') قرار میدهیم.برای وارد کردن چند مشخصه یک تگ با هم بین مشخصه ها یک فاصله می گذاریم.
<nametag attribute1="value1">
<nametag attribute1="value1" attribute2="value2" attribute3="value3">
مثال :
<p align="left"> 24 12 </p>
<hr color = "blue" height="10px">
نتیجه :
24 12
مشخصه align برای مشخص کردن سمت متن است. چپ یا راست. شما میتوانید برابر با right قرار دهید.
مشخصه color برای تنظیم رنگ است.
مشخصه height در تگ hr برای تنظیم اندازه پهنای خط است.
پایان بخش دوم آموزش اچ تی ام ال .
این بخش از آموزش از بخش اول آموزش اچ تی ام ال سخت تر بود . به خاطر اینکه زودتر آموزش اچ تی ام ال را به پایان برسانید و آموزش مختصر و مفید شود.
به هر حال اگر سوالی درباره این بخش داشتید میتوانید در نظرات همین مطلب سوالتان را ارسال کنید تا پاسختان را دریافت کنید.