پرداخت
سبد خرید : 0
پشتيباني : 09389373085
امروز شنبه ۲۰ آذر ۱۳۹۵
تخفیف های روزانه تا 50% فقط با عضویت در کانال تلگرام سایت ! ورود به کانال x

آشنایی با HTML - قالب خبری وردپرس | تابناک وب

منتشره شده در آذر ۸, ۱۳۹۴

به نام خدا

یه سوالی که همیشه بین مردم وجود داشته این بوده که طراحی وب سایت یا به قولی همون سایت ساختن چه جوریه؟! گروهی از مردم فکر میکنن سایت ساختن یه کار سخت و پیچیده است و گروهی هم فکر میکنن سایت ساختن مثل آب خوردنه. هر دو گروه تا حدودی درست فکر میکنن.

ساختن سایت پروسه پیچیده ای هست اما اگه اصول و قوانینش رو بلد باشی اصلا سخت نیست. باور کنید! البته مثل آب خوردن هم نیست. درسته که پیشرفت‌های روز افزون تکنولوژی وب کار ساختن سایت رو نسبت به چند سال پیش، خیلی ساده تر کرده اما فراموش نکنیم که ربط دادن این تکنولوژی ها به همدیگه و برقرار کردن ارتباط منطقی بینشون چندان شباهتی به آب خوردن نداره 😉

آشنایی با HTML برای ساختن وب سایت یه پیش نیاز ضروریه. تمام چیزهایی که در وب می بینیم یه صفحه html هستند. در واقع با هر زبانی که سایت نوشته شده باشه، در نهایت یه صفحه html رو به ما نشون میده. نمودار زیر نشون میده که مجموع همه تکنولوژی ها و زبان های وب یه صفحهhtml خواهد بود:

نمودار 1

اما HTML چیه؟

 HTML زبانی برای توصیف وب و مخفف عبارت Hyper Text Markup Language هستش که یعنی : زبان نشانه‌گذاری اَبَرمتنی 

سایت W3Schools میگه:

 HTML به عنوان یه زبان نشانه گذاری تعریف میشه.

زبان نشانه گذاری مجموعه‌ای از tags یا برچسب هاست.

برچسب ها محتوای یک سند html رو توصیف می کنن.

یک سند html شامل برچسب ها و متون عادیه (Plain text).

به اسناد html صفحه‌ی وب (Webpage) هم میگن.

برچسب های html یه سری کلمات کلیدی هستن که توسط علامت های <> احاطه میشن. مثال تگ <html> .

حتما بخوانید   7 عامل موفقیت یک وب سایت

معمولا تگ های html جفت هستن.یکی برای باز کردن تگ (<html>) و یکی برای بستن (<html/>) . همونطور که می بینید تگ ها رو به راحتی با افزودن علامت خط مورب یا Slash (/) به ابتدای اسمشون، می بندیم.

بین تگ بازکننده و تگ پایانی محتوای ما قرار میگیره:

وظیفه یک مرورگر (کروم، فایرفاکس، اینترنت اکسپلورر) اینه که سند html رو بخونه و اونو به شکل یه صفحه وب نشون بده. مرورگر تگ‌ها رو نشون نمیده. بلکه از تگ‌ها استفاده میکنه تا تشخیص بده که هر محتوا چه جوری باید نمایش داده بشه. عکس زیر کد بالا رو توی مرورگر IE نشون میده:

HTML tags on IE

HTML tags on IE

در زیر یه تجسمی از ساختار یک صفحه وب رو می بینید:

<html>

<body>

<h1>This a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

</body>

</html>

از سال ۱۹۹۱ تا سال ۲۰۱۲ چندین نسخه مختلف از HTML معرفی شدن.

Version Year
HTML ۱۹۹۱
HTML+ ۱۹۹۳
HTML 2.0 ۱۹۹۵
HTML 3.2 ۱۹۹۷
HTML 4.01 ۱۹۹۹
XHTML ۲۰۰۰
HTML5 ۲۰۱۲

توی وب اسناد مختلفی وجود دارند و مرورگر برای اینکه بدونه قراره چی رو نشون بده باید نوع سند رو بشناسه. برای معرفی سند html به مروگر از <DOCTYPE!> استفاده می کنیم. روش استفاده از DOCTYPE در

به شکل زیره:

DOCTYPE یعنی Document Type یا نوع سند. 



دیدگاه کاربران ۰
  • نظرات شما پس از بررسي و تاييد نمايش داده مي شود.
  • لطفا نظرات خود را فقط در مورد مطلب بالا ارسال کنيد.

css.php