html چیست

HTML چیست؟

 

منظور از html چیست؟

HTML  یک زبان پایه تحت وب، می باشد که با یادگیری آن می توانید صفحات سایت خود را بنویسید البته  زبان های برنامه نویسی تحت وب زیاد هستند مانند؛ زبان های asp.net  php ،،java   و ….

HTML مخفف :

Hyper TEXT Markup Language

که به معنای«زبان نشانه گذاری فرا متنی» می باشد.

همانطور که مشاهده می کنید منظور از «زبان نشانه گذاری فرامتنی»  بسیار گنگ و نامفهوم است برای توضیح این عبارت باید گفت که؛

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

نکته: Html عمومیت دارد یعنی قابل اجرا بودن کدهای html  در تمام مرورگرها و سیستم عامل ها می باشد.

منظور از Markup یا نشانه گذاری این است که ، در زبان های برنامه نویسی پیشرفته مثل php ، ما از الگوریتم ها و متغییر های خاصی استفاده می کنیم اما در html از الگوریتم استفاده نمی شود بلکه مثلا برای نوشتن یک پاراگراف از تگ <p> استفاده  می کنیم یعنی به مرورگر نشان می دهیم هرگاه به این خط از کد رسید، این یک پاراگراف است ،

مانند؛

<p>My first paragraph</p>

خروجی کد:

و یا برای توپر نشان دادن متن از تگ <b> و برای قرار دادن عکس از تگ <img> استفاده می کنیم.

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

ساختار اصلی صفحات وب

<!DOCTYPE html>
<html>
<head>

</head>
<body>

</body>
</html>

اعلامیه یا DOCTYPE

داک تایپ ، یک اعلامیه برای بیان نوع سند می باشد که مشخص می کند سند و صفحه ای که داریم آیا با html نوشته شده و یا فرضا xhtml و همچنین وظیفه معلوم کردن صحت کدهای نوشته شده را بر عهده دارد.

نکته: همه اسناد HTML باید با یک اعلامیه  < DOCTYPE html!> شروع شوند.

اعلامیه doctype  به مرورگرها  برای نمایش محتوای سند کمک می کند البته کوچک نوشتن و یا بزرگ نوشتن کلمه doctype ، فرقی ندارد.

<DOCTYPE html!>

<doctype HTML!>

اعلامیه های مشترک :

نکته: در html5 دیگر لازم به نوشتن کامل متن داک تایپ نیست.

HTML5

<! doctype html>

HTML 4.01

A<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>۱

XHTML 1.0

a<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>۱

 

اسکلت صفحات وب :

برای مشخص کردن اسکلت یک صفحه وب از تگ باز <html> و تگ بسته <html/> استفاده می کنیم که این اسکلت و ساختار که با تگ html بوجود آوردیم خود از ۲ بخش Head و Body   تشکیل می شود که  بخش ;

head

برای گنجاندن اطلاعات مورد نیاز برای موتورهای جستجو و نیز آدرس دهی محل قرارگیری صفحات css و php و اسکریپت ها، کاربرد دارد بطور کلی، metadata  یا ابرداده ها را در این بخش قرار می دهیم و همچنین عنوان صفحه را در این قسمت با استفاده از تگ <title> مشخص می کنیم.

body

در بخش body محتویات صفحه وب مورد نظر نوشته می شود، در واقع آنچه در معرض دید بینندگان قرار می گیرد در قسمت body نوشته می شود.

مثال ؛

<body>

محتوای قابل نمایش برای کاربران

<body/>

 

عنصر <title>  :

عنصر <title> عنوان سند را تعریف، و در تمام اسناد HTML / XHTML مورد نیاز است.
<head>
<title>Page Title</title>
</head>

مزایا

  • یک عنوان در تب مرورگر ، تعریف می کند
  • نمایش یک عنوان برای صفحه در نتایج موتورهای جستجو تاثیر بسزائی دارد

خلاصه :

  • < DOCTYPE html!> اعلامیه ای برای معین کردن نوع محتوای سند در HTML5 می باشد.
  • متن های بین <html/> و < html> توصیف کننده یک سند html است.
  • متن های بین <head/> و < head> اطلاعات مورد نیاز در مورد سند (صفحه) را فراهم می کند.
  • متن های بین <title/> و <title> یک عنوان، برای سند فراهم می کند.
  • متن های بین <body/> و < body> محتوای  قابل مشاهده صفحه را توصیف می کند.

با استفاده از این توضیحات، مرورگر، یک سند html را نمایش می دهد.

نحوه ایجاد یک فایل html:

در ابتداء کار می توان با استفاده از Notepad  و یا Word pad شروع به کار کرد، به این صورت که ابتداء کدهای مورد نظر را نوشته و در پایان کار، آنها را با پسوند html یا htm ذخیره کنیم. به این صورت که در هنگام  ذخیره، گزینه save as را کلیک کرده و در پنجره باز شده در قسمت  filename، نام فایل و در قسمت save as type گزینهhtml  یا  htm را انتخاب می کنیم.                                                                                                                                                              نکته: بهتر است که از نرم افزار word برای ویرایش کدها استفاده نکنید چون این نرم افزار تاثیرات خاصی در کدهای نوشته شده شما می گذارد.

نکته: استفاده از پیشوند یا انشعاب htm مربوط به سیستم عامل های قدیمی چون Dos بوده است.

درباره ی هاشم اسکندری

با سلام اینجانب هاشم اسکندری هستم و در سال 1393 به همراه کادری مجرب به صورت رسمی شروع به تاسیس شرکت طراحی سایت و برنامه نویسی وب با عنوان پیشروسایت نموده در حال حاضر با گردآوردن مجموعه ای قوی متشکل از قویترین برنامه نویسان و توسعه دهندگان مشغول به طراحی سایت و برنامه نویسی وب از طریق وبسایت رسمی شرکت به آدرس www.pishrosite.com بوده از قبیل طراحی انواع سایتهای تجاری - فروشگاهی خبری -تفریحی -طراحی انواع قالب و افزونه- و فارسی سازی قالب و افزونه ،در خدمت همه اقشار جامعه بوده و هستیم تا با بهره گیری از ظرفیت عظیم اینترنت در بسط و گسترش کسب و کار متقاضیان سهیم باشیم

پاسخ دهید