<html>
<head>
</head>
<body>
</body>
</html>
<html> ساختار اصلی صفحه را مشخص میکند و تمام بخشهای دیگر داخل آن قرار میگیرند، <head> برای قرار دادن اطلاعات و تنظیمات مربوط به صفحه استفاده میشود، </head> پایان بخش head را مشخص میکند، <body> محتوای اصلی و چیزهایی که کاربر در صفحه میبیند را در خود قرار میدهد و </body> پایان بخش body را مشخص میکند، در نهایت </html> پایان ساختار کامل صفحه را مشخص میکند.
با تگ <title> عنوان صفحه را مشخص میکنیم. این عنوان معمولاً در تب مرورگر نمایش داده میشود و میتواند در نتایج موتورهای جستجو نیز استفاده شود.
<html>
<head>
<title>فری نکس</title>
</head>
<body>
</body>
</html>
بعد از درست کردن اسم صفحه، برای قرار دادن محتوا در صفحه، از تگهای مختلف HTML داخل <body> استفاده میکنیم. برای مثال یک توضیح کوچیکی از سایت.
<html>
<head>
<title>فری نکس</title>
</head>
<body>
<div>سلام! این صفحه ی فری نکس هست</div>
<p>سلام! این صفحه ی کوفری فری نکس هست</p>
</body>
</html>
ما برای نوشتن یک متن در صفحه، داخل <body> تگ هایی مخصوص می نویسیم. مثلا <div> یا <p>. کل تگ های html
بعد از نوشتن ساختار داخل صفحه، باید برای html تعریف کنیم که صفحه به صورت راست به چپ هست.
<html dir="rtl">
<head>
<title>فری نکس</title>
</head>
<body>
<div>سلام! این صفحه ی فری نکس هست</div>
<p>سلام! این صفحه ی فری نکس هست</p>
</body>
</html>
با ویژگی dir جهت نمایش متن را مشخص میکنیم. مقدار rtl یعنی راست به چپ (Right to Left) و مقدار ltr یعنی چپ به راست (Left to Right).
ما می توانیم برای چپ به راست کردن هم از ltr استفاده کنیم.