آموزش html، جلسه اول، مقدمه

HTML چیست ؟

  • HTML  مخفف زبان نشانه گذاری فرا متنی است(hyper text markup language).
  • یک فایل HTML یک فایل متنی حاوی برچسب های کوچک نشانه گذاریست.
  • بر چسب های نشانه گذاری به مرورگرهای وب بیان می کنند که صفحه را چگونه نشان دهد
  • یک فایل HTML باید دارای پسوند html. یا html. باشد
  • یک فایل HTML می تواند توسط یک ویرایشگر متنی ساده ساخته شود

ما در اینجا هر آنچه شما درباره Html نیاز دارید بدانید به شما آموزش خواهیم داد ، پس تا پایان این دوره با ما همراه باشید  …

در تصویر زیر شما ساختار کلی یک صفحه HTML را مشاهده می کنید .

ساختار HTML

<html>  : این تگ نشانگر آغاز یک فایل HTML است .

<head> : اطلاعات مربوط به متا تگ ها (در آینده نزدیک با با متا تگ ها آشنا خواهید شد) و نام پروژه و در حالت کلی کلیه اطلاعات مربوط به پروژه در این تگ نوشته خواهد شد ولی این تگ جایی نمایش داده نمیشود.

<title> : عنوان پروژه ی شماشت . عنوان در قسمت عنوان صفحه مرورگر نشان داده خواهد شد. این تگ داخل تگ <head> قرار دارد .

<body> :  کلیه مطالبی که در مرورگر نشان داده خواهد شد ، متنی است که بین تگ <body> نوشته میشود .

Html Editor (یا جایی که شما قرار است کدهای Html خود را بنویسید)

کدهای Html  را میتوان در هر ادیتور یا هر نرم افزار برنامه نویسی (ویزوال استدیو – دربم ویور – نت پد ++) نوشت ، اما اگر شما یک تازه کار هستید ما توصیه می کنیم از notepad در ویندوز یا textedit  در مک برای شروع استفاده کنید تا بیشتر و بهتر با کدهای Html آشنا شوید .

 

سر تیتر ها (Heading)

در Html هرگاه بخواهیم یک عنوان برای یک مطلب تعیین کنیم یا یک نکته مهم را یاد آور شویم از Heading ها استفاده خواهیم کرد

سر تیتر ها در Html  با تگهای <h1> تا <h6>  نوشته میشود .

<h1>This is a heading text</h1>

مهمترین عنوان را در <h1>  مینویسیم .

نکته مهم: از سرتیتر ها فقط برای عنوان مطالب استفاده کنید و برای درشت کردن و bold  کردن استفاده نکنید .

نکات سئو: برای بهینه کردن صفحه باید در هر صفحه فقط یک تگ <h1>  وجود داشته باشد .

 

پاراگراف (paragrah)

در Html پاراگراف ها در تگ <p>  نوشته خواهند شد .

<p>This is a paragraph</p>

Html  در پاراگراف ها فضاهای خالی و خطوط مجزا را در نظر نمیگیرد و همه متون را پشت سر هم بدون فاصله اضافه نشان خواهد داد .

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

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

لینک ها (link)

در Html  برای ایجاد یک لینک در صفحه از تگ <a>  استفاده می شود.

<a href=”http://www.google.com”>This is a link</a>

برای مشخص کردن مسیر در تگ a از صفت (atribute) href  استفاده می کنیم .

صفت ها (Atribute)  برای دادن اطلاعات بیشتر به تگ Html استفاده می شوند . در آینده بیشتر با صف ها آشنا خواهید شد .

 

تصاویر (Images)

در Html  برای نمایش یک تصویر در صفحه از تگ  <img>استفاده می شود .

هر تگ <img>  یک صفت (Atribute) به نام src  برای دریافت سورس فایل انتخاب شده نیاز دارد ، و همچنین یک alt  که این صفت اجباری نیست و جایی نمایش داده نمیشود (در زمانیکه تصویر به هر دلیلی لود نشود متن درون alt  نمایش داده خواهد شد) ولی برای سئو و در موتور های جستجو بسیار مفید است .

Width , height  هم برای تنظیم طول و عرض تصویر از صف های پرکاربرد در تگ <Img>  هستند .

در ادامه آموزش با قابلیت های بیشتری از Html آشنا خواهید شد ، آموزش های ما را دنبال کنید .

از اینکه تا این لحظه با ما همراه بودید متشکریم …

, , ,

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این فیلد را پر کنید
این فیلد را پر کنید
لطفاً یک نشانی ایمیل معتبر بنویسید.
شما برای ادامه باید با شرایط موافقت کنید

فهرست