آموزش مقدماتی HTML
HTML چیست؟
اولین زبان برای طراحی سایت زبان HTML است. و با آن میتوان اسکلت یک وب را طراحی کرد. در واقع زبان html یک زبان نشانه گذاری ابرمتنی است.اگر میخواهید با ویژگی های بیشتر این زبان آشنا شوید با آموزش مقدماتی html ما همراه باشید.
HTML مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری ابرمتنی است.
طراحی سایت شامل 2 بخش client و server میباشد. ما همگی فایل هارا در سمت سرور قرار میدهیم . مواقعی که در کلاینت نیاز به یک فایل داریم مرورگر را باز میکنیم و یک آدرس را تایپ میکنیم.این آدرس به دست سرور میرسد و سرور چک میکند تا ببیند فایل های مورد نیاز برای پاسخ دهی به این درخواست ، کدام فایلها بوده و آنهارا برای نمایش در سمت کلاینت ارسال میکند.
وقتی این فایلها به دست client رسید ، کلاینت پردازش میکند و تصویری که پردازش کرده را به ما نشان میدهد.
تصویری که از یک سایت برای ما نمایش داده میشود تصویری است که از تفسیر زبان HTML بوجود آمده است.
برای شروع آموزش مقدماتی html
درجایی که میخواهیم بنویسیم یک فایل txt درست میکنیم. یک اسم با پسوند html انتخاب میکنیم. بعنوان مثال index.html
در HTML همه کدها در قالب tag (تگ) است.
همه صفحه ها با تگ <html> باز و با <html/> خاتمه پیدا میکند.
بطور کلی صفحه html به 2 قسمت <head> و <body> تقسیم میشوند.
در تگ <body> هرچه بنویسیم در صفحه وب به ماا نشان میدهد.
باید بدانیم که هر تگی که درون تگ دیگر قرار دارد فرزند تگ بیرونی محسوب میشود.(تگ head و body فرزند تگ html هستند)
تگ های <meta> اصطلاحا تگهای فرد هستند.
تگ های فرد: تگ های فرد،تگهایی هستند که بطور مجزا تگ بسته ندارند بعنوان مثال مانند تگ متای زیر بسته میشوند.
< /“meta charset=”UTF-8>
بطور کلی meta تگ ها اطلاعاتی درباره ی سایر تگ ها به مرورگر میدهند.
تگ <title>
این تگ به ما اجازه میدهد عنوان را برای صفحه ی خود درنظر بگیریم. واین عنوان را در مرورگر به نمایش میگذارد . بعنوان مثال
<title> Light Company </title>
اهمیت تگ <title>
- باید موضوعی را برای صفحه ی وب خود انتخاب کنیم که در موتورهای جستجو یافت شویم . یعنی رتبه ی سایت ما در جستجو بالا برود.(به مجموعه فعالیت هایی که باعث بالارفتن رتبه ی سایت ما در موتورهای جستجو میشود را SEO میگویند. – SEO= Search Engine Optimization –)
- برفرض مثال کاربری از وبسایت ما خوشش بیاید و بخواهد آن را bookmark کند این صفحه تحت عنوانی که در <title> مشخص شده اضافه میشود.
برای ادامه آموزش مقدماتی html با ما همراه باشید.
________مارا در instagram دنبال کنید_________
