آموزش html – مقدمه ای بر HTML

در این مطلب می خواهیم آموزش html را با بیان مقدمه ای بر html شروع کنیم.

HTML چیست ؟ HyperText Markup Language

مجموعه ای از سمبل های علامتگذاری (یا کدها) که در یک فایل برای نمایش بر روی مرورگرهای اینترنت استفاده می‌شوند.

مسوولیت استاندارد سازی HTML و زبانهای مرتبط بر عهده World Wide Web Consortium است. http://w3c.org

عناصر HTML

به هر واحد علامتگذاری شده یک عنصر یا یک تگ گفته می‌شود. ( markup code = element or tag )
هر تگ مفهوم و کاربرد خود را دارد.
تگها بین دو علامت > و < قرار میگیرند.
اکثر تگها شامل یک جفت هستند. ( تگ شروع و تگ پایان )

XHTML چیست

جدیدترین نسخه HTML را می گویند. eXtensible HyperText Markup Language

XHTML شامل موارد زیر می باشد :

عناصر و صفات HTML
قواعد زبانی XML

زبان XML

یک سند در XML باید خوش‌فرم (well-formed) باشد.

استفاده از حروف کوچک
استفاده از تگهای باز و بسته <body> … </body>
بستن تگهای منفرد <hr />

یک سند XML با اعلان XML آغاز می‌شود. مانند : <?xml version=”1.0″ encoding=”UTF-8″?>

تعریف نوع سند (DTD)

DTD = Document Type Definition
توصیه W3C اینست که اعلان DTD برای شناسایی زبان استفاده شده در صفحه وب آورده شود:

XHTML 1.0 Transitional

ساده گیرانه ترین تعریف از XHTML 1.0 که اجازه استفاده از CSS و تگهای قالب دهی قدیمی مانند فونت را در کنار هم می‌دهد. معمولا از این حالت استفاده می‌شود.

XHTML 1.0 Strict

بصورت سختگیرانه تری عمل می‌کند و تنها مجاز به استفاده از CSS برای قالب دهی هستیم. (فعلا) از این حالت استفاده نمی‌کنیم.

XHTML 1.0 Frameset

برای صفحاتی که از فریم های XHTML استفاده می‌کنند به کار می‌رود. از این مورد نیز (فعلا) استفاده نمی‌کنیم.

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

اولین صفحه وب

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>  تگ شروع
.... محتویات صفحه در این قسمت است
</html> تگ پایان

بخش سرآیند و بدنه

بخش سرآیند (Head) : شامل اطلاعاتی است که صفحه را توضیح می‌دهند.
<head>
…اطلاعات سرآیند در این قسمت می‌آیند
</head>

بخش بدنه (Body) : شامل متن‌ها و اطلاعاتی است که در مرورگر به نمایش در می‌آیند.
<body>
…اطلاعات بدنه در این قسمت می‌آیند
</body>

صفحه وب شامل سرآیند و بدنه

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>....
</head>
<body>
.... </body>
</html>

html