📞 02166056460

آموزش HTML

10 / 10
از 3 کاربر

آموزش اچ تی ام ال ( آموزش html) پایه و اساس آموزش طراحی وب سایت و ایجاد وب سایت می باشد.

آموزش Html اصلی ترین بخش آموزش طراحی سایت است.

آموزش اچ تی ام الاچ تی ام ال را میتوان مهمترین جز در دنیای اینترنت نامید. بوسیله ی این زبان میتواند متن، عکس، فیلم و هر جزء دیگری را، در مرورگر مخاطبان سایت نمایش داد.

زبان اچ تی ام ال توسط دنیس ریچی ابداع و ثبت شد. html مخفف Hyper Text Markup Language به معنی زبان نشانه گزاری ابر متنی می باشد.

آموزش این زبان در کنار css میتواند شروعی باشد برای طراحی سایت حرفه ای. هر چقدر در آموزش Html، دقیق تر باشید، در آینده میتوانید طراح وب سایت حرفه ای تری باشید. حتی در صورتی که تنها اچ تی ام ال را فرا بگیرید، میتوانید سایت های استاتیک را به راحتی طراحی نمایید.

در اموزش html ، نرم افزار خاصی نیاز نیست و تنها با notepad ویندوز میتوانید شروع کنید. فایل های اچ تی ام ال تنها شامل متن هستند و از تگ ها (Tag) تشکیل شده اند. در مقالات اچ تی ام ال تمامی این موارد به ریز توضیح داده شده اند.

دانش عمومی طراحی وب سایت با یادگیری پایه ای HTML و CSS باعث می شود  وب سایت خود را با آخرین تکنولوژیهای طراحی وب سایت بسازید.

اچ تی ام ال

تمامی کدهای سروری که در آموزش Asp.net گفته می شود ، توسط مرورگر ها در نهایت به کدهای html تبدیل می گردد. از این رو هر چه  در کدهای html و تگ های html تسلط بیشتری داشته باشیم ، طراحی سایت بهتری خواهیم داشت. در مقالات html زیر میتوانید به سرعت در این امر پیشرفت داشته باشید. امیدواریم بخش آموزش اچ تی ام ال ما برای شما مفید باشد.

1مجموع 34 مقاله
فرم - تگ های Select , Option , Optgroup

فرم - تگ های Select , Option , Optgroup

تگ <select> از تگ select برای ایجاد یک لیست drop-down میتوان استفاده کرد. با تگ opt ...
فرم - تگ های Button , Label , Textarea

فرم - تگ های Button , Label , Textarea

تگ <label> تگ label برای تعریف یک برچسب بکار میرود. <input> element <form action ...
فرم - تگ های Form , Input

فرم - تگ های Form , Input

Forms یک فرم HTML میتواند شامل چندین تگ input با انواع مختلف زیر باشد : text fields checkboxes ...
تگ فریم Frame , iFrame , Frameset

تگ فریم Frame , iFrame , Frameset

تگ frame تگ <frame> در  HTML5 پشتیبانی نمیشود. برای هر تگ frame در تگ frameset ...
تگ لینک ( a )

تگ لینک ( a )

  تگ لینک ( a ) تگ لینک یا تگ <a> برای ارتباط بین صفحات وب و یا ایجاد لنگر در داخل ...
رويدادهای صفحه کليد در HTML

رويدادهای صفحه کليد در HTML

رويدادهای صفحه کليد در HTML رويدادهای صفحه کليد در HTML  در کنترل های base , br , frame , ...
رويدادهای موس در HTML

رويدادهای موس در HTML

رويدادهای موس در HTML رويدادهای موس در کنترل های base , br , frame , frameset , head , html , ifram ...
رويدادهای عناصر فرم در HTML

رويدادهای عناصر فرم در HTML

رويدادهای عناصر فرم در HTML رويدادهای عناصر فرم در HTML فقط در عنصرهای کنترلی فرمها کاربرد دار ...
تگ لینک ( تگ Link )

تگ لینک ( تگ Link )

  تگ لینک ( Link ) : این تگ حاوی خصیصه های مختلفی برای ارتباط با فایل های خارجی می باشد. ...
تگ مولتیمدیا Object , Param

تگ مولتیمدیا Object , Param

 تگ object از تگ object  برای استفاده از چندرسانه ای ها مانند : audio, video, J ...
تگ عکس Img

تگ عکس Img

  تگ عکس img یکی از مهمترین و پر استفاده ترین تگ ها در HTML تگ img یا عکس می باشد. با استفاد ...
رويدادهای پنجره در HTML

رويدادهای پنجره در HTML

رويدادهای پنجره در HTML رويدادهای پنجره در HTML فقط در عنصرهای body و frameset معتبر هستند . ...
ویژگی های رویداد در HTML

ویژگی های رویداد در HTML

ویژگی های رویداد در HTML در این بخش از آموزش HTML ، انواع رویدادها در HTML را شرح میدهیم.  ...
ویژگی های عمومی در HTML

ویژگی های عمومی در HTML

ویژگی های عمومی در HTML ویژگی های عمومی (Global Attributes) در HTML  به شرح زیر میباشد. ...
خاصیت Style تگ ها

خاصیت Style تگ ها

  خاصیت Style تگ ها همانطور که در آموزش تگ های Html گفته شد ، تگ ها میتوانند یک سری خصوص ...
تگ استایل صفحه Style

تگ استایل صفحه Style

  تگ استایل صفحه ( Style ) : یکی از روش های تعریف استایل Css ، استفاده از تگ استایل ( تگ ...
تگ جدول بندی Table , Td , Tr

تگ جدول بندی Table , Td , Tr

تگ <table>  تگ table برای تقسیم بندی متن به چند بخش و جدول بندی سایت استفاده میشود. ...
تگ گروه بندی Fieldset , Legend

تگ گروه بندی Fieldset , Legend

  تگ گروه بندی Fieldset , Legend تگ Fieldset برای گروه بندی در فرم ها بسیار کاربرد دارد. این ...
فرمت دهی B , Hr , Sub , Sup , Center

فرمت دهی B , Hr , Sub , Sup , Center

  تگ Center : متن داخل تگ center بصورت تراز وسط نمایش داده می شود. توصیه میشود به جای استفاد ...
تگ لیست Ul , Li

تگ لیست Ul , Li

تگ <ul> یکی دیگر از مهمترین تگهای اچ تی ام ال در طراحی قالب سایت ، تگ ul و ترکیب آن با ت ...
تگ اسکریپت Script

تگ اسکریپت Script

  تگ اسکریپت (Script) : این تگ برای تعریف اسکریپت های ( scripts ) مورد استفاده در صفحه از قبی ...
خصوصيات استاندارد تگ های HTML

خصوصيات استاندارد تگ های HTML

  خصوصيات استاندارد تگ های HTML : در اين قسمت خصوصيات استاندارد تگ های HTML معرفی شده اند . ا ...
تگ های html

تگ های html

  تگ های HTML تگ های HTML برای نشانه گذاری محتويات صفحات به کار می روند و باعث می شوند که مرو ...
متا تگ ها ( Meta Tag )

متا تگ ها ( Meta Tag )

  Meta Tag ها متاتگ ها ( Meta Tag ) در واقع اطلاعاتی هستند که برای موتور های جستجوگر وب ...
عکس محدوده ای Map , Area

عکس محدوده ای Map , Area

تگ <map> از تگ map برای تعریف یک image-map  سمت سرویس گیرنده (client-side ...
تگ های پاراگراف P , Br

تگ های پاراگراف P , Br

  تگ های پاراگراف P , Br تگ های پاراگراف P , Br برای تراز بندی متون و جملات درون صفحات ک ...
تگ عنوان H1 - H6

تگ عنوان H1 - H6

  تگ عنوان H1 - H6 : تگ های هدر یا تگ های عنوان از جمله مهمترین تگ ها برای جستجوگر های و ...
تگ محدوده فضا Div

تگ محدوده فضا Div

تگ div تگ div از پر کاربردترین تگ ها در طراحی وب سایت میباشد، این تگ جایگزین بسیار خوبی برای ت ...
تگ عنوان Title

تگ عنوان Title

  تگ عنوان Title یکی از مهمترین تگ ها هم برای کاربران و بازدید کننده های سایت و هم برای جستجو ...
کدهای HTML و چگونگی تولید و اجرا

کدهای HTML و چگونگی تولید و اجرا

  کدهای HTML و چگونگی تولید و اجرا   برای نوشتن کدهای HTML ، تنها یک ادیتور متن م ...
HTML چیست ؟

HTML چیست ؟

  HTML چیست ؟ عبارت HTML ( اچ تی ام ال ) مخفف Hyper Text Markup Language به معنی زبان نش ...
تگ های ساختار Html , Head , Body

تگ های ساختار Html , Head , Body

  تگ Html تگ html مشخص کننده ی شروع و پایان یک سند Html به مرورگر وب است. بدین ترتیب که با & ...
تگ توضیحات

تگ توضیحات

  تگ توضیحات <-- ... --!> عبارتی که در داخل تگ توضیحات نوشته می شود توسط مرورگر نادیده ...
تگ محدوده متن Span

تگ محدوده متن Span

تگ span تگ span برای متن های کوتاه استفاده می شود. ولی ترجیحا از این تگ بهتر است استفاده نشود. زما ...
1مجموع 34 مقاله
ارسال نظر و نظرات ثبت شده
... :
32 11
درباره xml هم مطلب بگذارید لطفا
مدیریت : حتما. به زودی
حمید :
31 13
واقعا عالی بود تمامی مطالبتون فوق العادن دستتون درد نکنه که اینقد راحتو ساده و خوب آموزش هارو در اختیار بقیه می ذارین سپاس فراوان
مدیریت : لطف دارید. خوشحالیم که براتون مفید بوده
علی :
23 11
آموزش شما خیلی خوب هست حال کردم.
محمدرضا :
25 10
سلام اموزشهاتون عالی فقط چندتا سوال : اموزش css3 و html5 و xml رو چه زمانی قرار میدید؟
مدیریت : سلام. xml تقریبا آمادست و به زودی قرار داده میشه ولی html 5 و css 3 در حال نوشته شدن هستند و بعد از xml قرار داده میشن.
azama :
26 10
اولین گذرم به این سایته ولی مطالبش و دیدم در حد حرفه ای و در هضم یه کاربر عادی جالبه چون کاربری که اینجا سر بزنه وس ای مایحتاج راهشو منظم تا اخر میره مثل w3school روتن و منظم دوستانی که سایت دارن و بی دلیل کاربرارو گمراه میکنن سعی کنن ببینن نمیخواد حتما کپی کنید ولی الگو برذاری کنید کمتر بگین بیشترین تو ذهن کاربرتون بشونین نه زیاد و مثل فیلم هندی که هیچی به هیچیه بازم تشکر میکنم از ادمین عزیز سایت که پرمحتوا و روتن مظالبو دادن ....محمد از کمپانی دومینوز واحد امنیت شبکه با سپاس از ادمین موفق باشین
شهروز :
17 9
اول اینکه ممنون وب سایت و مطالبش واقعا عالی هستن توی وب سایتهای فارسی من ندیدم این طور منظم و مختصر و واقعا مفید .
مرجان :
20 8
مطالبتون واقعا عالیه. موفق باشید
نازنین :
6 5
تفاوت بینhtmlباmvcدر چیست?
sahar :
6 5
دستتون درد نكنه عالي بود...
مهدی :
6 5
سلام مطالبتون خیلی پر بار بود ببخشید امکان داره سوالی درباره طراحی قسمتی از سایت بپرسم سوال 1 :من یه وبلاگ در رز بلاگ دارم و یه قالب رایگان از اون انتخاب کردم ولی می خام قسمت های : موضوعات ، آمار بازدیدکنندگان ، ارسال نظرات آخر مطالب ، وفرم ارتباط با ما را خودم طراحی کنم .اگر امکان داره برام بگین باید از چه زبان های تحت وب ( منظورم : html –css –php- -جاوااسکریپت –آژاکس –جی کوئری و...) و از چه نرم افزارهایی استفاده کنم و آن کدها را در کجای قالب قرار بدهم . لطفا توضیح هم بدهید . ایمیل من : mehdih1993@yahoo.com با تشکر سوال 2 : من در فتوشاپ تصویری برای قالب سایت درست کردم که شامل هدر ، ستون سمت چپ ، ستون سمت راست ، فوتر و... است . چگونه میتوانم این تصویر چند لایه را به قالب سایت تبدیل کنم و آن را با زبان های برنامه نویسی تحت وب مرتبط کنم . باتشکر
نیلوفر :
3 5
عالی بود خیلی کمک کرد
احسان :
5 4
سلام و خسته نباشید از اطلاعات شما ممنونم امیدوارم همیشه در راه علم برای این سرزمین کوشا باشید
سامان :
3 4
باسلام مطالبتون خیلی عالی و کاربردی بود من دانشجو هستم و واقعا علاقه ای کار با html را دارم و لطفا کمکم کنید که بتونم به کارم برسم و به ارزوم برسم
میثم :
6 4
سلام چطوری باید سایت را آنلاین کنیم؟
lln :
1 4
اغا این تگ مپ رو هم بزارین مرسی خصوصا در مورد coord های اون یه توضیحی بدین
سرای :
2 5
سلام واقعآ دستتون درد نکنه جا داره واقعآ از سایتوت تشکر کنم و یه دست مریزاد بگم.ممنون ازتون عالیه
اصغر :
3 5
با سلام و تشکر از مطالب دسته بندی شده و مفيدتان
مجید :
3 3
کل مطالب سایتتون عالیه . واقعا ممنونم.
..... :
7 3
سلام کاش آموزش طراحی سایت با دریم ویور رو قرار بدید
الهام :
0 1
سلام ممنونم از مطالب آموزندتون...من چطوری میتونم کل مقاله های مربوط به طراحی صفحات وب رو دانلود کنم؟ لطفا راهنماییم کنین ممنون
مدیریت : سلام. خواهش. از طریق منوی دانلود فایل در بخش بالای سایت می توانید به دو صورت word و pdf دانلود نمایید.
⏳ در حال پردازش...
لطفا صبر کنید