مثالهای اساسی HTML
↓ در این موضوع:
اگر در این نمونه ها از برچسب هایی استفاده می کنید که قبلاً آنها را استفاده نکرده اید ، نگران نباشید .
در فصل های بعدی با آنها آشنا خواهید شد.
اسناد HTML
همه صفحات وب اسناد HTML هستند
تمام اسناد HTML مطابق مشخصات HTML5 باید با اعلانی مانند شروع شوند
سند: <!DOCTYPE html>.
سند HTML خود با یک برچسب شروع می شود <html>و با برچسب پایان می
یابد
<html/>.
قسمت قابل مشاهده سند HTML بین <body> , </body>است.
Body - بدنه صفحه وب است .
Пример
<!DOCTYPE html>
<html>
<body>
<h1>اولین تیتر من</h1>
<p>پاراگراف اول من</p>
</body>
</html>
خودتان آزمایش کنید »
سرصفحه های HTML
سرصفحه های HTML ( header) با استفاده از برچسب ها تعریف می شوند<h1> تا <h6>.
برچسب <h1> برای مهمترین عنوان استفاده می شود . برچسب <h6>حداقل عناوین مهم استفاده می شود.
از نظر بصری - عنوان h1 بزرگترین و عنوان h6 کوچکترین عنوان هستند.
Пример
<h1>این عنوان 1 است</h1>
<h2>این عنوان 2 است</h2>
<h3>این عنوان 3 است</h3>
خودتان آزمایش کنید »
پاراگراف های HTML (پاراگراف ها)
پاراگرافهای HTML با استفاده از برچسب <p>
تعریف می شوند
پیوندهای HTML
پیوندهای HTML با استفاده از برچسب <a>
تعریف می شوند
و داخل آن href قرار دارد
:
هدف پیوند در ویژگی href مشخص شده است (از انگلیسی hyper
refereral -
بیش از معرف)
از ویژگی ها برای ارائه اطلاعات بیشتر در مورد عناصر HTML استفاده می شود. ویژگی
href برای برچسب<a> یک
نیاز هست .
در درس بعدی درباره ویژگی ها بیشتر خواهید آموخت.
تصاویر HTML
تصاویر HTML با استفاده از برچسب<img> تعریف می
شوند
( از ویژگی ها برای تنظیم تصویر استفاده می شود).
منبع عکس src, متن جایگزین alt,
عرض width و طول height
به عنوان ویژگی ارائه شده اند
ویژگی های src و alt اجباری
هستند
برای
برچسب <img>.ویژگی های اندازه تصویر(width و
height)
اختیاری هستند
دکمه های HTML
دکمه های HTML با استفاده از برچسب<button>
تعریف می شوند
لیست های HTML
لیست های HTML با استفاده از برچسب <ul>
(
لیست مرتب نشده - لیست نامرتب / نامرتب) یا <ol>
( لیست مرتب شده - لیست مرتب / شماره دار), تعریف شده اند و در ادامه برچسب<li>
(موارد لیست - موارد ذکر شده) می آید:
مثال
<ul>
<li>قهوه</li>
<li>چای</li>
<li>شیر</li>
</ul>
<ol>
<li>قهوه</li>
<li>چای</li>
<li>شیر</li>
</ol>
خودتان آزمایش کنید »
در این بخش به قسمتی از برچسب های HTML پرداختیم و در آینده آن را گسترش خواهیم داد
سایت توسط چارچوب farsiw3.ir طراحی شده است.
