ورود به کارتابل مشتریان وب مهراز
اساس HTML
یادگیری HTMLنمونه هایی از پایه و اساس 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>
نظر شما
>