مرکز آموزش تهران هاست

حرفه ای تر شوید

HTML چیست ؟

 

html

HTML چیست؟

سوالی ساده اما در عین حال گسترده، سوالی که شاید خیلی ها هنوز با گذشت مدتها از زمان اولین حضورشان در اینترنت هنوز پاسخ آن را یا کامل نمی دانند یا اگر هم بدانند غالبا پاسخ هایی گنگ و مبهم است.

در تعاریف متعددی که از HTML بیان می شود همگی در گام اول معرفی می کنند که HTML سرنام کلمات HyperText Markup Language می باشد به معنی “زبان نشانه گذاری ابرمتن” البته غالبا توصیه می شود کلمات انگلیسی مورد استفاده در کامپیوتر را ترجمه نکنیم و به همان صورت انگلیسی آنها را درک کرده و به کار ببرم.

در واقع HTML یک زبان برای تعیین ساختار اسناد موجود در سرار وب گسترده جهانی –World Wide Web- می باشد.

به هر مجموعه ی دارای نظم و موفق بنگریم، فارغ از دنیای مجازی یا دنیای واقعی،علت موفقیت و پایداری مجموعه در وجود نظم و یک ساختار معیین می بینیم و وب هم از این قائده مستثنی نیست.

HTML از زبان نشانه گذاری عمومی استفاده می کند(SGML) که در استاندار بین المللی ISO 8879 برای نشانه گذاری متون استفاده می شود.

 تاریخچه HTML

در سال 1990 به وسیله دانشمندی به نام Berners-Lee  ساخته شد. هدف از این کار ساده ساختن کار دانشمند ها از دانشگاه های مختلف برای دستیابی به منابع پژوهشی همدیگر بود. این پروژه حتی موفق تر از حد تصور Berners-Lee شد. با ساخته شدن HTML، او پایه ای از وبی که ما امروزه از آن آگاهیم را بنا نهاد.

 ایجاد یک فایل html

یک فایل HTML را با هر برنامه ویرایشگر متن، که ساده ترین آنها Notepad می باشد می توان ایجاد کرد و به راحتی قابل درسترسی می باشد.

اما سرتاسر این زبان مانند سایر زبان های برنامه نویسی مجوعه ای از قواعد و قوانین می باشد.

فایل های HTML دارای پسوند .html و یا .htm می باشند.

یک صفحه html با دستور <html> شروع و با <html/> به پایان می رسد. با استفاده از این دستور به مرورگر می فهانید که یک پرونده html در حال بارگزاری می باشد.

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

ابتدا برنامه notepad ویندوز را اجرا کنید.

سپس ابتدا و انتهای فایل html را مانند نمونه به مرورگر معرفی کنید:

<Html>

</html>

بیین دو خط بالا می توانید دستورات مورد نظر خود را وارد کنید.

به عنوان مثال:

<html>

<head>

<title>تهران هاست </title>

</head>

</html>

سپس فایل را با پسوند html ذخیره کنید. مثلا tehranhost.html

*برای خروجی مناسب، به دلیل جا به جا شدن علامت / در انتهای تگ ها، بهتر است از copy-paste استفاده کنید.

همیچنین فایل های html را می توان با سایر برنامه های واژه پرداز، مانند ms-word نیز ایجاد کرد.

 تگ  (tag) چیست؟

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

مثلا تگ img برای قرار دادن تصویر در محل مورد نظر از صفحه وب شما استفاده می شود.

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

در واقع متون در این صفحات نشانه گذاری می شوند به وسیله همین علائم و به مروگر می فهمانند  که محتویات یک صفحه را به چه صورتی نمایش دهد.

ساختار تگ در این زبان به صورت زیر می باشد:

1.شروع تگ ها با علامت <

2.کلمه یا کاراکتر مورد نظر

3.پارامترهای مربوط به هر تگ

4.همچنین مقادیر مربوط به هر پارامتر

5. ونهایتا بستن تگ با علامت >

در واقع هر تگ دارای تعدادی صفات می باشد به عنوان مثال تگ img دارای صفاتی مانند طول،عرض، نوع قرارگیری و… می باشد.

 تفاوت پسوند htm با html

در واقع تفاوتی در ساختار کلی و ریشه ای ندارند این در حالی هست که امروزه بیشتر نرم افزارها و اکثر طراحان وب از html به جای htm برای پسوند صفحات خود استفاده می کنند، یکی از این دلایل می تواند امنیت بالاتر html نسبت به htm باشد.

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

گرچه فراموش نشود که notepad و سایر ویراشگرهای متنی ساده در مواقع متعددی به کمک برنامه نویسان صفحات وب می آیند.

 XHTML  و  HTML5 چیست؟

به زبان ساده و کوتاه، XHTML یک شیوه ساختار بندی بسیار بهتر، برای نوشتن html است.

XHTML (گسترش زبان نشانه گذاری ابرمتن) یک خانواده XML نشانه گذاری است که در واقع نسخه گسترده HTML است و زبان مبتنی بر وب می باشد.

Html5 هم یک زبان نشانه گذاری برای ساختار و ارائه محتوای وب گسترده جهانی (www) و یک هسته فناورانه اینترنت است.

این نسخه از HTML پنجمین نسخه آن می باشد و همانطور که قبلا اشاره شد ابتدا این زبان در سال 1990 ایجاد شد تا سال 1997 نسخه چهارم آن نیز ارائه شد اما پس از مدت ها نهایتا در سال 2012 ، کنسرسیوم های WHATWG و W3C تصمیم به همکاری گرفتند.

W3C در خصوصیات HTML با تمرکز بر روی یک استاندارد قطعی به کار خود ادامه داد.

در نهایت می توان گفت XHTML همان HTML5 است، این نسخه دارای ویژگی هایی به شرح ذیل می باشد:

در XHTML بستن تمامی تگ ها الزامی است.
در XHTML باید تقدم و تاخر باز و بسته شدن تگ ها رعایت شود.
در XHTML نام تگ ها و خاصیت های آنها باید با حروف کوچک نوشته شود.
فایل XHTML باید حاوی یک عنصر ریشه <html> باشد.
کلیه تصاویر باید دارای توضیح باشند.

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

سرویس های اینترنت

در اینجا بر خود لازم دیدم تا این ابهام را برطرف کنم.

عده ای بر این باورند که وب و اینترنت هر دو یک مفهوم هستند، خلاف این تصور حقیقتی می باشد که در واقع وب یکی از خدمات اینترنت می باشد که در زیر شما را با تعدادی از سرویس های اینترنت آشنا می کنم:

نام سرویس                                      عملیات

ftp                                                یک فایل در یک FTP server

http                                              یک فایل در یک WWW Server

telnet                                           یک ارتباط Telnet

WAIS                                          یک فایل در یک WAIS server

gopher                                        یک فایل در یک Gopher server

file                                               فایلی در کامپیوتر محلی

  URL چیست؟

مخفف کلمات Uniform Resource Locator می شود URL.

راهکاری برای دسترسی آسان و بدون مشکل به اسناد و سایر منابع در جهان اینترنت.

به زبان ساده تر URL همان آدرس منحصر به فردی می باشد که شما برای دسترسی به یک قسمت از یک سایت از آن استفاده می کنید، به عنوان مثال: http://www.tehranhost.com/index.php

ساختار آدرس بالا به صورت زیر می باشد:

http://host.domain:port/path/filename:

httpنوع سرویس اینترنتی را تعریف می کند.

Domain نام دامنه اینترنتی را تعریف می کند مثل tehranhost.com
host  نیز میزبانی دامنه را تعریف می کند.

 Port  شماره پورت در میزبان را معرفی می کند.شماره پورت 80  پیش فرض برای http  می باشد.
path  یک دایرکتوری یا فولدر را روی یک سرور که مجموعه ای از صفحات رو به هم مرتبط می کند.
filename نام و پسوند فایل مورد نظر را مشخص می کند.

 

منابع:

What is HTML5

What is XHTML

What is URL

Difference between HTML and HTML5?

URL term

HTML term

About WWW

What is an HTML Tag or an HTML Element?

What is HTML?

1 دیدگاه

  1. محمد نعیمی

    مفید بود متشکرم

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.