آموزش html

آموزش HTML چیست؟ – تعریف و معنای زبان نشانه گذاری فرامتن

آموزش html

HTML (زبان نشانه گذاری فرامتن) زبان نشانه گذاری وب است که ساختار صفحات وب را تعریف می کند.

آموزش html5

از آنجایی که این یکی از اساسی ترین بلوک های سازنده هر وب سایت است، مهم است که بدانید آیا می خواهید حرفه ای را در توسعه وب دنبال کنید یا خیر.

این مقاله بیشتر در مورد HTML و نحوه عملکرد آن در صفحات وب به شما می گوید. همچنین HTML معنایی، بخش بزرگی از HTML را مورد بحث قرار می دهد.

HTML چیست؟

برای درک «HTML» به جلو و عقب، اجازه دهید هر یک از کلماتی که مخفف را تشکیل می‌دهند مرور کنیم.

فرامتن: متن سازماندهی شده برای پیوند دادن موارد مرتبط (معمولاً با جاسازی هایی مانند تصاویر)

نشانه گذاری: راهنمای سبک برای تنظیم انواع برای چاپ در قالب چاپی یا نرم افزاری.

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

HTML ساختار یک صفحه وب را تعیین می کند. این ساختار به تنهایی برای خوب و تعاملی جلوه دادن صفحات وب کافی نیست. بنابراین از فناوری های کمکی مانند CSS و جاوا اسکریپت برای زیباسازی HTML و افزودن تعامل استفاده می کند.

در این مورد، من دوست دارم سه فناوری را به این ترتیب تجزیه کنم: HTML، CSS و جاوا اسکریپت. آنها مانند بدن انسان هستند.

HTML اسکلت است،
CSS پوست است،
جاوا اسکریپت سیستم گردش خون، گوارشی و تنفسی است که به ساختار و پوست جان می دهد.
HTML، CSS، جاوا اسکریپت را می توان با موارد زیر نیز مشاهده کرد: HTML ساختار خانه، CSS دکوراسیون داخلی و خارجی، جاوا اسکریپت برق، تامین آب و بسیاری از ویژگی های کاربردی دیگر برای آسان کردن خانه است.

آموزش html مقدماتی

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

برای مثال، می‌توانید برخی از متن‌ها را طولانی‌تر کنید، برخی دیگر را کوچک‌تر کنید، و برخی را پررنگ، مورب یا گلوله‌سازی کنید.

HTML دارای برچسب هایی است که می توانند این کار را انجام دهند. بنابراین برچسب هایی وجود دارند که عناوین، پاراگراف ها، کلمات به صورت پررنگ، کلمات به صورت مورب و غیره را تشکیل می دهند.

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

آناتومی-برچسب-html

عنصر HTML
عناصر از یک تگ شروع، متن، محتوا و تگ پایان تشکیل شده اند. برخی از عناصر خالی هستند. به عبارت دیگر، هیچ برچسب پایانی وجود ندارد، در عوض منبع یا پیوندی به محتوایی که می خواهید در صفحه وب خود جاسازی کنید وجود دارد.

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

عناصر HTML اغلب به جای تگ ها استفاده می شوند، اما تفاوت هایی بین این دو وجود دارد. یک عنصر ترکیبی از تگ های شروع و پایان و محتوای بین آنهاست.

من یک تصویر دیگر برای کمک به شما در تجسم ساختار عناصر HTML ایجاد کرده ام.

آناتومی یک عنصر html

ویژگی HTML

ویژگی html
تگ های HTML همچنین از ویژگی های به اصطلاح استفاده می کنند. این ویژگی‌ها در تگ شروع قرار می‌گیرند و از سبک و id تا کلاس متغیر هستند. آنها یک مقدار می گیرند، اطلاعات دقیقی در مورد عنصر ارسال می کنند، و به شما کمک می کنند تا با استفاده از جاوا اسکریپت، آن را استایل دهی و دستکاری کنید و موارد دیگر.

در اینفوگرافیک زیر، تگ start حاوی یک ویژگی کلاس با مقدار «text» است. می‌توانید از آن برای تنظیم سبک‌های عنصر یا انتخاب تعاملی عناصر در جاوا اسکریپت استفاده کنید.

آموزش html پیشرفته

یک صفحه اصلی HTML دارای ساختار زیر است:

<! DOCTYPE html>
<سر><بدن><! – محتوای صفحه مانند متن و تصاویر به اینجا بروید ->
اجازه دهید قسمت مهم کد را در اینجا مرور کنیم.

<! Doctype html>: مشخص می کند که این کد از HTML5 استفاده می کند. قبل از معرفی HTML5، نسخه HTML کدنویسی <! من باید به صراحت آن را در تگ Doctype> مشخص می کردم. به عنوان مثال HTML4.0، 3.2 و غیره. ولی الان دیگه بهش نیاز ندارم اگر کد شما حاوی ‘html’ باشد، مرورگر به طور خودکار آن را به عنوان HTML5 کد می کند.

: عنصر اصلی یا سطح بالای هر سند HTML. تمام عناصر دیگر باید در آن پیچیده شوند.

: یکی از مهم ترین بخش های یک سند HTML. خزنده های وب داخل تگ head را اسکن می کنند تا اطلاعات مهمی در مورد صفحه بازیابی کنند. این شامل اطلاعاتی مانند عنوان صفحه، شیوه نامه و اطلاعات متا SEO است.

: این یک عنصر خالی است که اطلاعات متا را در مورد صفحه منتشر می کند. این اطلاعات شامل نویسنده، نوع رمزگذاری مورد استفاده (بیشتر UTF-8)، پاسخگویی، سازگاری و موارد دیگر است. خزنده های وب همیشه متا تگ ها را اسکن می کنند تا اطلاعاتی در مورد صفحات وب که نقش مهمی در سئو دارند به دست آورند.

: عنوان صفحه وب را مشخص می کند. همیشه در تب مرورگر نمایش داده می شود.

: تمام محتوا o سند fHTML داخل تگ بدنه است. فقط یک تگدر یک صفحه وجود دارد.

HTML معنایی چیست؟
HTML معنایی به این معنی است که تگ های HTML معنای واقعی استفاده مورد نظر خود را بیان می کنند.

معناشناسی از ابتدای دهه 90 بخشی جدایی ناپذیر از HTML بوده است. با این حال، تا اواخر دهه 90، زمانی که CSS در اکثر مرورگرها شروع به کار کرد، اهمیت خاصی پیدا نکرد.

Semantic در HTML، تگ های خنثی معنایی مانند


آموزش html رایگان

و تگ های توصیفی معنایی مانند

،