سرخط خبرها

آموزش html به فارسی

آموزش html به فارسی

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

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

 

آنچه که قبل از یادگیری HTML لازم است بدانید:

برای شروع کار با HTML شما به چیزهایی نیاز دارید که در لیست زیر آمده است:

  1. شما به یک ویرایشگر متن نیاز دارید. در ویندوز شما می توانید از برنامه Notepad استفاده کنید. از هر نرم افزار ویرایش متن دیگری استفاده کنید اما این نکته را در نظر داشته باشید که نرم افزار WordPad که در ویندوز وجود دارد و نرم افزارهایی مانند Microsoft Office Word و امثال آن برای نوشتن کدهای HTML مناسب نیستند چون در هنگام ذخیره کردن متن این نرم افزارها کدهایی را به آن اضافه می کنند.
    نرم افزار Notepad را می توانید از طریق منوی استارت در قسمت Accessories پیدا کنید یا از طریق فرمان Run با تایپ notepad در کادر Open و فشار دادن دکمه Enter.
  2. شما به یک مرورگر وب به انتخاب خود نیاز دارید. می توانید از Microsoft Internet Explorer استفاده کنید که با ویندوز نصب می شود یا از Opera, Mozilla Firefox , Google chrome و نرم افزارهای مشابه که اغلب به صورت رایگان برای دانلود در اینترنت وجود دارند.
    بهتر است صفحاتی را که می نویسید با چند مرورگر آزمایش کنید. زیرا در HTML قسمتهایی وجود دارد که مختص به یک مرورگر خاص است و با سایر مرورگرها کار نمی کند.
  3. شما به جایی برای ذخیره کردن متن خود دارید که می تواند جایی روی هارد دیسک شما، یک فلاپی دیسک یا یک سرور باشد. البته شما برای استفاده از HTML نیاز ندارید حتماً به اینترنت متصل باشید، شما می توانید با استفاده از یک مرورگر وب در کامپیوتر خود از HTML استفاده کنید.
    برای ذخیره کردن فایلی که با Notepad نوشته اید کافی است از منوی File گزینه Save As را انتخاب کرده و مسیری را برای ذخیره فایل انتخاب کنید و در کادر File Name در پایین پنجره Save As نام فایل را با پسوند html بنویسید. در آخر هم دکمه Save را کلیک کنید.

یک فایل HTML چیست؟

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

 

آیا می خواهید یکبار امتحان کنید؟

اگر در حال کار با ویندوز هستید برنامه note pad را اجرا کنید. متن زیر را تایپ کنید.

<html>
<head>
<title>title of page </title>
</head>
<body>
This is my first home page.<b> This text is bold </b>
</body>
</html>

فایل را تحت عنوان “mypage.htm”ذخیره کنید.
مرورگر اینترنت خود را باز کنید، از منوی فایل گزینه “open” یا “open page” را انتخاب کنید. یک جعبه گفتگو ظاهر خواهد شد .گزینه “brows” یا “choose file” را انتخاب کنید و در مکانی که فایل HTML خود را ساخته اید قرار گیرید. آن را انتخاب کنید و روی گزینه “open” کلیک کنید.حالا شما یک آدرس در جعبه گفتگوی خود مشاهده خواهید کرد. بعنوان  مثال “C:\mypage.html” گزینه ok را کلیک کنید و مرورگر صفحه را به شما نشان خواهد داد.

 

مثال تشریح شده

اولین برچسب در فایل HTML شما ، <html> است.این برچسب به مرورگر شما می فهماند که این آغاز یک فایل HTML است، آخرین برچسب در فایل شما <html/> است.این برچسب به فایل شما می فهماند که این انتهای یک فایل HTML است.
متن های بین برچسب و اطلاعات سرانداز (header)شماست .اطلاعات سر انداز در پنجره مرورگر نشان داده نخواهد شد. متن بین برچسب <title>، سرتیتر پرونده شماست. سرتیتر در قسمت عنوان صفحه مرورگر نشان داده خواهد شد.
متنی که در مرورگر نشان داده خواهد شد ، متنی است که بین برچسب <body> نشان داده خواهد شد.
متنی که بین برچسب <b> قرار گیرد در مرورگر بصورت برجسته نشان داده خواهد شد.

 

پسوند htm. یا html. ?

هنگامی که شما یک فایل HTML را ذخیره می کنید شما می توانید هرکدام از پسوندهای htm. یا html. را انتخاب کنید.ما در مثال هایمان از پسوند htm. استفاده می کنیم. این ممکن است یک رفتار بد موروثی از گذشته باشد که بیشتر نرم افزارهایی که استفاده می شوند فقط پسوند سه حرفی را قبول می کنند.با نرم افزار جدیدتر ما فکر می کنیم که اگر از پسوند html. استفاده کنیم بسیار ایمن تر خواهیم بود.

 

به ویرایشگر های HTML توجه کنید:

شما می توانید به سادگی با استفاده از یک ویرایشگر WYSIWY(“what you see is what you get”) فایل های HTML را ویرایش کنید ، مثل FRONT PAGE,Claris Home Page یا Adob PageMill.
اگر شما می خواهید یک توسعه دهنده وب توانا باشید ما توصیه اکید می کنیم که شما از یک ویرایشگر متنی ساده استفاده کنید تا اصول اولیه HTML را یاد بگیرید.

 

لیست کامل تگ های HTML به ترتیب حروف الفبا :

در این قسمت لیست کامل تگ های HTML که در بخش آموزش HTML ، توضیحات مربوط به آنها ارائه شده است قرار داد . :

ردیف نام تگ توضیح مختصر
۱ < a > برای ایجاد یک لنگر به کار می رود .
۲ < abbr > برای ایجاد یک مخفف برای یک عبارت بزرگتر به کار می رود .
۳ < acronym > برای ایجاد یک مخفف برای یک عبارت بزرگتر به کار می رود .
۴ < address > برای نوشتن یک آدرس در متن به کار می رود .
۵ < area > مشخص کننده یک ناحیه در نقشه های تصویری است .
۶ < b > برای توپر کردن نوشته ( Bold ) به کار می رود .
۷ < base > برای تعیین خواص پایه در یک صفحه به کار می رود .
۸ < bdo > قلم نوشته را به صورت نوشته های محیط های کدنویسی کامپیوتر در می آورد .
۹ < big > باعث بزرگتر نمایش داده شدن نوشته در یک متن می شود .
۱۰ < blockquote> برای ایجاد یک نقل قول به کار می رود .
۱۱ < body > بدنه اصلی محتویات صفحه وب را تشکیل می دهد .
۱۲ < br > برای ایجاد یک خط جدید به کار می رود .
۱۳ < button > برای ایجاد دکمه های وب به کار می رود .
۱۴ < caption > برای تعیین عنوان یک جدول به کار می رود .
۱۵ < cite > باعث نمایش کج نوشته به کار می رود .
۱۶ < code > برای نمایش متن همانند محیط های برنامه نویسی به کار می رود .
۱۷ < col > برای دسته بندی گروهی از ستون های یک جدول به کار می رود .
۱۸ < colgroup > برای دسته بندی گروهی از ستون های یک جدول به کار می رود .
۱۹ < dd > برای ایجاد لیست های معنی به کار می رود .
۲۰ < del > برای نمایش متن حذف شده درصفحه به کار می رود .
۲۱ < div > برای تقسیم فضا در صفحات وب به کار می رود .
۲۲ < dl > برای ایجاد لیست های معنی به کار می رود .
۲۳ < dt > برای ایجاد لیست های معنی به کار می رود .
۲۴ < em > برای نمایش نوشته به صورت کج به کار می رود .
۲۵ < fieldset > برای ایجاد یک کادر به دور محتویات خود به کار می رود .
۲۶ < form > برای ایجاد یک فرم در صفحه به کار می رود .
۲۷ < h1 > تا < h6 > برای ایجاد انواع تیترها در نوشته به کار می رود .
۲۸ < head > در برگیرنه اطلاعات کلی درباره سند وب است .
۲۹ < hr > برای ایجاد یک خط در عرض صفحه به کار می رود .
۳۰ < html > محدوده اصلی کد HTML یک صفحه را تعیین می کند .
۳۱ < i > برای نمایش نوشته به صورت کج به کار می رود .
۳۲ < img > برای قرار دادن تصویر در صفحه به کار می رود .
۳۳ < input > برای ساختن انواع کتنرل های HTML به کار می رود .
۳۴ < ins > برای مشخص کردن متن های جدید وارد شده در یک صفحه به کار می رود .
۳۵ < kbd > برای نمایش متن همانند محیط های برنامه نویسی به کار می رود .
۳۶ < label > برای ایجاد یک عنوان ( نماد متنی ) در صفحه به کار می رود .
۳۷ < legend > برای ایجاد عنوان یک کادر fieldset به کار می رود .
۳۸ < li > برای تعریف یک آیتم در لیست به کار می رود .
۳۹ < link > برای برقراری ارتباط بین صفحه با یک فایل خارجی به کار می رود .
۴۰ < map > برای ایجاد یک نقشه تصویری به کار می رود .
۴۱ < meta > در بر گیرنده اطلاعات کلی درباره محتویات یک صفحه جهت استفاده موتورهای جستجو است .
۴۲ < noscript > برای تعیین جایگزین یک اسکریپت در یک صفحه به کار می رود .
۴۳ < object > برای پیوند یک شی خارجی با صفحه به کار می رود .
۴۴ < ol > برای ایجاد لیست های ترتیبی به کار می رود .
۴۵ < optgroup > برای دسته بندی گزینه های یک لیست به کار می رود .
۴۶ < option > برای ایجاد یک لیست در صفحه به کار می رود .
۴۷ < p > برای ایجاد یک پاراگراف در صفحه به کار می رود .
۴۸ < param > برای تعیین تنظیمات زمان اجرای یک شی خارجی در صفحه به کار می رود .
۴۹ < pre > برای نمایش متن به همان صورت اولیه به کار می رود .
۵۰ < q > برای ایجاد یک نقل قول به کار می رود .
۵۱ < samp > برای نمایش متن همانند محیط های برنامه نویسی به کار می رود .
۵۲ < script > برای تعیین یک اسکریپت در صفحه به کار می رود .
۵۳ < select > برای ایجاد یک لیست باز شو به کار می رود .
۵۴ < small > برای نمایش متن به صورت کوچکتر به کار می رود .
۵۵ < span > برای تقسیم متن به کار می رود .
۵۶ < strong > برای نمایش درشتر متن به کار می رود .
۵۷ < style > برای قالب بندی تگ های HTML و صفحات به کار می رود .
۵۸ < sub > برای ایجاد یک زیر نویس به کار می رود .
۵۹ < sup > برای ایجاد یک اندیس به کار می رود .
۶۰ < table > برای ایجاد جداول به کار می رود .
۶۱ < tbody > شامل محتویات و بدنه اصلی یک جدول می شود .
۶۲ < td > برای ایجاد یک خانه جدول به کار می رود .
۶۳ < textarea > برای ایجاد یک کادر متن به کار می رود .
۶۴ < tfoot > برای تعیین عنوان انتهای یک جدول به کار می رود .
۶۵ < th > برای ایجاد یک سر عنوان برای جدول به کار می رود .
۶۶ < thead > برای ایجاد یک سر عنوان برای جدول به کار می رود .
۶۷ < title > برای ایجاد متن tooltip درباره عناصر به کار می رود .
۶۸ < tr > برای ایجاد یک سطر جدول به کار می رود .
۶۹ < tt > باعث نمایش متن به صورت نوشته های تلگراف به کار می رود .
۷۰ < u > برای خط زیردار کردن نوشته به کار می رود .
۷۱ < ul > برای ایجاد لیست های نشانه ای به کار می رود .
۷۲ < var > برای نمایش متن همانند محیط های برنامه نویسی به کار می رود .
۷۳ < !– … — > برای ارائه توضیحات دلخواه در صفحه HTML به کار می رود .
۷۴ < !DOCTYPE > نوع و نسخه زبان برنامه نویسی مورد استفاده در صفحه وب را مشخص می کند .
QR Code For: آموزش html به فارسی

درباره ی jizjiz

پاسخ دهید

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

Time limit is exhausted. Please reload CAPTCHA.