درس اول آموزش HTML
نحوه کارکرد وب چگونه است؟
اطلاعات صفحات وب داخل فایلهائی به نام Web Pages و یا متن های وب (HTML documents) قرار دارند. این فایلها یا صفحات ، روی Web Server یا کامپیوترهای سرویس دهنده وب ذخیره شده اند. برای دیدن صفحات وب از نرم افزاری به نام مرورگر و یا Web Browser استفاده می شود.
سرورهای وب یا Web Servers کامپیوترهایی هستند که با کمک استاندارد ارتباطی HTTP به تبادل اطلاعات با مرورگرها (web Clients) می پردازند. مرورگرهای وب را Web browsers یا web Clients هم می نامند .
دو مرورگر گوگل کروم و فایرفاکس جزو معروفترین مرورگرها محسوب می شوند. مرورگر Internet Explorer هم متعلق به شرکت مایکروسافت بوده وبصورت پیشفرض بر روی تمام ویندوزها هست اما دوستداران زیادی ندارد. مرورگر Firefox متعلق به شرکت Mozilla میباشد و مرورگر Chrome متعلق به شرکت Google بوده و بسیار محبوب و دوست داشتنی است. مرورگر Firefox دارای امنیت بیشتری بوده و بصورت open Source یا متن باز می باشد و نسبت به Internet Explorer محبوبیت بیشتری دارد.
یک فایل HTML چیست؟
HTML را "اچ تی ام ال" و یا HTML بخوانید.
HTML برگرفته از حروف اول Hyper Text Markup Language میباشد.
یک فایل HTML فایلی از نوع text میباشد که متشکل از markup tag ها میباشد.
مرورگر یا Browser از روی markup tag ها می فهمد که چگونه باید صفحه را نمایش بدهد.
یک فایل HTML باید دارای انشعاب htm و یا html باشد.
یک فایل HTML فایلی از نوع متن و text میباشد که با هر ویرایشگر و ادیتور ساده ای قابل ایجاد است.
تگ یا Tag یا متا تگ چیست ؟
یک تگ HTML چیزی شبیه <p> abc </p> است. که abc می تواند هر چیزی باشد. وظیفه اصلی تگ های ( HTML ( markup tags بیان چگونگی نمایش اطلاعات میباشد و همچنین مرورگرها از روی دستورالعملهای داخل صفحات وب و با کمک تگ ها به نمایش صفحات میپردازند. وظیفه اصلی تگ های HTML بیان نحوه چیدن و قرارگرفتن اطلاعات است و ظاهر نمایش با CSS میباشد.
<p> این علامت تگ باز یا شروع می باشد و <p/> علامت تگ بسته یا پایان می باشد که باید توجه کنید که همیشه تگ بسته یا پایان را بگذارید.( برخی از تگها فقط تگ شروع دارند و تگ بسته ندارند که در ادامه توضیح خواهیم داد.)
چگونه یک فایل HTML بسازیم؟
اگر از ویندوز مایکروسافت استفاده می کنید، Notepad را باز کرده (کاربران Mac از SimpleText استفاده کنند ) و متن زیر را در آن تایپ کنید:
<html>
<head>
<title>title of page </title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
سپس فایل را با نام مثلا test.html در درایو c ذخیره کنید(اغلب مرورگرها هر دو نوع پسوند HTM و HTML را به خوبی می شناسند ولی ترجیحا به هنگام ذخیره فایلهای HTML از html استفاده کنید. استفاده از پسوند های سه حرفی مانند htm مربوط به قدیم و سیستم عاملهائی چون DOS بودند.
برای دیدن فایل HTML بالا در مرورگر یا Browser تان کافی است که روی فایل Test که در درایو C ذخیره کردید دابل کلیک کنید تا صفحه جدیدی در مرورگرتان باز شود.این یک صفحه وب است به همین سادگی!!! ( به آدرس فایل در قسمت Address Bar توجه کنید، مثلا file:///C:/test.html)
یکی از مهمترین وظایف مرورگرها نمایش صفحات HTML میباشد، چه این صفحات روی کامپیوتر شما ذخیره شده باشند و یا اینکه روی سروری دیگر از اینترنت خوانده شوند.
توضیح عناصر یا تگ های مثال بالا
اولین تگ مثال بالا تگ <html> میباشد. از روی این تگ، مرورگر نوع متن یعنی HTML بودنش را یافته و از روی <html/> انتهای متن HTML را می یابد.
متن بین تگ <head> و تگ <head/> اطلاعات شناسنامه ای یا "Header information" متن HTML بوده و نمایش داده نخواهند شد. در این مثال با کمک تگهای <title> و <title/> تیتر و یا Title صفحه که در این مثال عبارت "Title of page" میباشد در بالای مرورگر نمایش داده خواهد شد.
متن بین تگ <body> و انتهای آن یعنی تگ <body/> تنها اطلاعاتی است که توسط مرورگر نمایش داده خواهند شد و مرورگر شما اطلاعات بین تگ Head را نمایش نخواهد داد.
متن بین تگ <h1> و انتهای آن یعنی تگ <h1/> برای سرتیتر ها به کار می رود.
متن بین تگ <p> و انتهای آن یعنی تگ <p/> به عنوان یک پاراگراف نمایش می دهند.
دیدگاه خود را بیان کنید
- ارسال نظر به عنوان مهمان. همچنین می توانید عضو شوید یا وارد حساب کاربری خود شوید
By accepting you will be accessing a service provided by a third-party external to https://www.amoozesh-computer.ir/