آموزس مقدماتی طراحی سایت زبان HTML

آموزش مقدماتی HTML5 (بخش اول)

در این مطلب می خوانیم:

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

HTML چیست؟

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

HTML  مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری ابرمتنی است.

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

وقتی این فایلها به دست client رسید ، کلاینت پردازش میکند و تصویری که پردازش کرده را به ما نشان میدهد.

تصویری که از یک سایت برای ما نمایش داده میشود تصویری است که از تفسیر زبان HTML  بوجود آمده است.

 

 


برای شروع آموزش مقدماتی html

درجایی که میخواهیم بنویسیم یک فایل txt درست میکنیم. یک اسم با پسوند html  انتخاب میکنیم. بعنوان مثال index.html

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

در HTML همه کدها در قالب tag (تگ) است.

همه صفحه ها با تگ <html> باز و با <html/> خاتمه پیدا میکند.

بطور کلی صفحه html  به 2 قسمت  <head>  و <body>  تقسیم میشوند.

در تگ <body> هرچه بنویسیم در صفحه وب به ماا نشان میدهد.

باید بدانیم که هر تگی که درون تگ دیگر قرار دارد فرزند تگ بیرونی محسوب میشود.(تگ head  و body  فرزند تگ html  هستند)

طراحی سایت

تگ های <meta> اصطلاحا تگهای فرد هستند.

تگ های فرد: تگ های فرد،تگهایی هستند که بطور مجزا تگ بسته ندارند بعنوان مثال مانند تگ متای زیر بسته میشوند.

< /“meta charset=”UTF-8>

بطور کلی meta تگ ها اطلاعاتی درباره ی سایر تگ ها به مرورگر میدهند.


تگ <title>

این تگ به ما اجازه میدهد عنوان را برای صفحه ی خود درنظر بگیریم. واین عنوان را در مرورگر به نمایش میگذارد . بعنوان مثال

<title> Light Company </title>

زبان HTML

اهمیت تگ <title>

  • باید موضوعی را برای صفحه ی وب خود انتخاب کنیم که در موتورهای جستجو یافت شویم . یعنی رتبه ی سایت ما در جستجو بالا برود.(به مجموعه فعالیت هایی که باعث بالارفتن رتبه ی سایت ما در موتورهای جستجو میشود را SEO  میگویند.  SEO= Search Engine Optimization –)زبان نشانه گذاری ابرمتنی
  • برفرض مثال کاربری از وبسایت ما خوشش بیاید و بخواهد آن را bookmark  کند این صفحه تحت عنوانی که در <title> مشخص شده اضافه میشود.

 

 

برای ادامه آموزش مقدماتی html با ما همراه باشید.

________مارا در instagram  دنبال کنید_________

 

 

Tags: No tags
0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
قدیمی‌ترین
تازه‌ترین بیشترین رأی
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها