نمونه هایی از  پایه و اساس HTML

در صورتی که در این نمونه ها از تگ هایی استفاده شده است که هنوز نمی شناسید ، نگران نباشید. در درس های بعدی با آن ها آشنا خواهید شد.

اسناد HTML

این اسناد  باید با یک بیانیه نوع سند آغاز شود <DOCTYPE html!>
خود سند با تگ <html> آغاز و با تگ </html> پایان می یابد.
قسمت قابل مشاهده HTML ، محتوای بین دو تگ <body> , </body> می باشد.
مثال :

<!DOCTYPE html>
<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>

<h1>اولین تیتر من</h1>
<p>اولین پاراگراف من</p>

</body>
</html> 

تیتر های HTML

این تیتر ها با تگ های <h1> تا <h6> تعیین می شوند.
مهمترین تیتر با h1  و کم اهمیت ترین تیتر با h6 مشخص می شود.
مثال :

<h1>این تیتر 1 است</h1>
<h2>این تیتر 2 است</h2>
<h3>این تیتر 3 است</h3>

پاراگراف های HTML

در HTML پاراگراف ها را با تگ <p> مشخص می کنیم :

مثال :

<p>این یک پاراگراف است</p>
<p>این یک پاراگراف است</p>
<p>این یک پاراگراف است</p>

لینک های HTML

لینک ها را در HTML با تگ <a> تعیین میکنیم :
مثال :

<a href="http://www.webmehraz.com">این یک لینک است</a>

نکته! مقصد لینک در صفت href قرار می گیرد.
از صفت ها برای ارائه تنظیمات جانبی و بیشتر درباره عناصر HTML استفاده می شوند.

تصاویر در HTML

در این زبان تصاویر را با تگ <img> تعریف می کنیم.
فایل منبع (src) متن جایگزین (alt) و اندازه (width & height) به عنوان صفت ها استفاده می شوند :
مثال :

<img src="webmehraz-logo.jpg" alt="webmehraz.com" width="100" height="90">

دکمه‌های HTML

دکمه ها در HTML با استفاده از تگ <button> تعریف می شود.

مثال :

<button>Click me</button> 

لیست‌ها در HTML

لیست‌ها در HTML با استفاده از تگ <ul> برای لیست های غیرترتیبی  و <ol> برای  لیست های ترتیبی و برای آیتم ها از تگ <li> استفاده می شود.

مثال:

 <ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>