html چیست ؟

در این مقاله از سری مقالات آموزشی سایت نارنجک با هم بررسی میکنیم html چیست.
کلمه html مخفف شده ی عبارت Hyper Text Markup Language که معنیش میشه زبان نشانه گذاری ابر متن که از این زبان برای ساخت صفحات وب یا وب سایت ها استفاده میشه.
تگ چیست ؟
در زبان html برای نمایش دادن هر چیزی در صفحه وب مثل عکس، فیلم، متن، صدا و … از تگ استفاده میشه که ساختار این تگ به دو صورت زیره:
- تگ باز
- تگ بسته
تگ باز:
شکل تگ های باز به صورته، < اسم تگ > درواقع ما اسم تگ رو بین علامت <> (کوچکتر و بزرگتر) میزاریم.
تگ بسته:
شکل تگ های بسته به صورته، < اسم تگ /> درواقع ما اسم تگ رو بین علامت </> (کوچکتر، اِسلش و بزرگتر) میزاریم که تنها فرقش با تگ باز داشتن یک / قبل از اسم تگ هست.
برای نمایش دادن هر عنصر در وب سایت ها اون رو بین تگ باز و تگ بسته قرار میدیم برای مثال برای نمایش دادن آدرس در وب سایت ها آدرس مورد نظر رو به صورت زیر مینویسیم :
<address> تهران خیابان ولیعصر کوچه سوم پلاک ۱۴۲ </address>
یا برای نمایش دادن پاراگراف در صفحه وب، ماننده مثال زیر متن را بین تگ باز و بسته ی p قرار می دهیم.
<p> این یک پاراگراف است </p>
ساخت صحیح یک صفحه ی وب
برای ساختن صحیح یک صفحه ی وب تمامی تگ ها باید بین تگ باز و بسته Html قرار بگیرد.
<html> تگ ها رو اینجا می نویسیم </html>
خود تگ html فقط دو تگ فرزند داره به اسم head (سر) و body (بدنه) و هر تگ دیگه ای رو ما بین تگ head یا body می نویسیم.
<html> <head> </head> <body> </body> </html>
تگ head:
همونطور که از اسمش معلومه این تگ سَره سایته و کاری با بدنه سایت نداره در واقع تگ هایی که برای نوشتن ما بین تگ head تعریف شدن چیزی رو توی بدنه سایت به نمایش نمیزارن و فقط مربوط به اطلاعات و تنظیمات سایت هستن چنتا مثال برات این پایین گذاشتم
همونطور که می بینید عنوان سایت اون چیزی که توی تب مرورگرتون نوشته میشه رو این تگ تعیین میکنه.
<html> <head> <title>نارنجک - آموزش برنامه نویسی </title> </head> <body> </body> </html>
تگ body:
این تگ همونطور که از اسمش معلومه بدنه ی سایته و هرچیزی که بین تگ بادی بنویسی توی سایت نمایش داده میشه مثالی که بالا تر برای آدرس و پاراگراف زدم رو میتونی این پایین ببینی.
<html> <head> <title>نارنجک - آموزش برنامه نویسی </title> </head> <body> <address> تهران خیابان ولیعصر کوچه سهرابی پلاک ۶۴ </address> <p> این یک پاراگراف است </p> </body> </html>
ساخت اولین صفحه وب
خب حالا بریم با هم اولین صفحه وب رو بسازیم روی صفحه دسکتاپ کلیک راست کن و از قسمت New گزینه Text Document رو انتخاب کن و حالا تو یک فایل تکست ساختی.
حالا مثل من اسم و پسوند فایل رو عوض کن بزار index.html دقت کن پسوندش رو از .txt به .html تغییر دادم.
قطعا الان داشتن یک کد ادیتور خفن خیلی بت کمک میکنه اما حالا که نداریم روش کلیک راست کن و از قسمت open with گزینه ی notpad رو انتخاب کن اگه نبود گزینه اخر choose another app رو بزن و از اونجا انتخابش کن.
کد زیر رو که تا اینجا با هم نوشتیم رو کپی کن و داخل فایل قرار بده.
<html> <head> <title>نارنجک - آموزش برنامه نویسی </title> </head> <body> <address> تهران خیابان ولیعصر کوچه سهرابی پلاک ۶۴ </address> <p> این یک پاراگراف است </p> </body> </html>
از روی کیبورد ctrl + s رو بزن که فایلت save بشه.
روی فایل index.html دبل کلیک کن تا باز بشه تبریک میگم اولین صفحه وب خودتو ساختی.
همه میدونن css و html دو عضو جدا نشدنین پس مقاله css چیست رو حتما بخون .
دیدگاهتان را بنویسید