html چیست؟
Hyper Text Markup Language
دوستای عزیزم سلام همون طوری که میدونید برای ورود به دنیای طراحی سایت گام اول آشنایی با html و css است. در این پست همراه هم با مفهوم اچ تی ام ال و سی اس اس آشنا میشیم.
Html چیست؟
برای اچ تی ام ال تعریف های مختلف داریم که در اینجا به چند مورد اشهره کردیم:
- Html یک زبان نشانه گذاری برای توزیع صفحات وب می باشد.
- Html زبان نشانه گذاری ابر متن است که بر اساس یک سری برچسب شناخته می شود.
- دقت داشته باشید که html زبان برنامه نویسی نیست. زبان نشانه گذاری است.
اچ تی ام ال چیست
آشنایی با مفهوم تگ در اچ تی ام ال
اچ تی ام ال شامل یک سری تگ می باشد که هر تگ کاربرد خاصی دارد. شاید بپرسید تگ چیست؟
” در زبان html به یک سری دستورات اجرایی که توسط برنامه نویس نوشته و اجرا می شود تگ میگویند”
تگ در html چیست؟
در ادامه با انواع تگ و کاربرد هرکدام آشنا می شویم.
برای شروع کدنویسی یک فایل note pad ایجاد می کنیم و پسوند آن را به html. تغییر می دهیم.
- تگ Document : نوع داکیومنت یا همان سند را مشخص می کند.
<Doctype html>
- تگ <html>: برای تعریف سند
ابتدا نوع سند خود را تعریف می کنیم. با توجه به اینکه ما پسوند فایل خود را به .html تغییر دادیم پس نوع سند ما html است .با کد زیر نوع سند ما تعریف می شود.
<html></html>
- تگ <head> : یک تگ مهم و اساسی که کد های درون آن همه به نمایش در نمی آید و خصوصیات مهم یک صفحه اچ تی ام ال را در بر میگیرد.
<head></head>
- تگ <title> :عنوان سایت را مشخص می کند.
<title></title>
- تگ <body> : هر چیزی که بخواهیم در سایت نمایش داده شود در تگ <body> می گذاریم.
<body></body>
مثال:
<Doctype html> <html> <head> <title> این یک عنوان است </title> </head> <body> این یک نمونه محتوا است </body> </html>
به خروجی کد دقت کنید عنوان سایت و محتوای سایت تغییر کرد:
تغییر عنوان سایت و محتوای سایت
attribute در اچ تی ام ال
هرچیزی که ما در تگ ها قرار می دهیم attribute نام دارد
اولین attribute که می خواهیم قرار دهیم در بحث html هستش:
- lang به معنای language یعنی وبسایت ما به چه زبانی است؟!
fa: زبان فارسی
en: زبان انگلیسی - dir به معنای direction که مشخص می کند ساختار سایت راست چین باشد یا چپ چین؟!
rtl: راست چین right to left
ltr: چپ چین left to right
<html lang="fa" dir="rtl" >
نکته: برای پشتیبانی سایت از زبان فارسی از تگ meta استفاده میکنیم.
تگ meta با attribute به نام charset از زبان فارسی پشتیبانی می کند.
<meta charset="utf-8">
برای تکمیل دوره آموزش پیشهاد میکنم پست هارو به صورت سریالی دنبال کنبد: در جلسه دوم با انواع تگ ها بیشتر آشنا میشویم
Warning: Undefined variable $aria_req in /home/sanazmkz/public_html/wp-content/themes/sanaz-mk/comments.php on line 32
Warning: Undefined variable $aria_req in /home/sanazmkz/public_html/wp-content/themes/sanaz-mk/comments.php on line 38