مثال های پایه ای html

مثال های پایه ای html را به اختصار توضیح می دهیم.

آموزش  html  درس سوم

مثال های پایه ای html
مثال های پایه ای html

مثال های پایه ای html  : نگران نباشید اگر در این مثال ها از تگ هایی  که یاد گرفته اید استفاده نشده است.

در درس های  بعد  آنها را یاد خواهید گرفت.

 

اسناد  html

تمام اسناد HTML باید با یک اعلان نوع سند شروع شود: < DOCTYPE html!>.

سند HTML   با <html> آغاز می شود  و با  < html/> به پایان می رسد.

بخش قابل رویت از سند HTML بین <body> و < body/> است.

 <!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html> 

 عنوان های HTML

عنوان های HTML با برچسب های <h1> تا <h6> تعریف شده اند.

<h1> مهمترین عنوان را تعریف می کند. <h6> کم اهمیت ترین  عنوان را تعریف می کند.

مثال :
 <h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3> 

پاراگراف HTML

پاراگراف های HTML با تگ <p> تعریف می شود

حتما بخوانید:  HTML Styles
مثال :
 <p>This is a paragraph.</p>
<p>This is another paragraph.</p> 

 لینک های  HTML

لینک های  HTML با تگ <a> تعریف شده است

مثال :

 <a href="https://www.behtarinideh.com">This is a link</a> 

مقصد لینک در مشخصه href مشخص شده است.

Attributes برای ارائه اطلاعات اضافی در مورد عناصر HTML استفاده می شود.

تصاویر HTML

تصاویر HTML با تگ  <img> تعریف می شوند.

فایل منبع (src)، متن جایگزین (alt)، عرض و ارتفاع به عنوان Attributes ارائه شده است

مثال :
 <img src="behtarinideh.jpg" alt="behtarinideh.com" width="104" height="142"> 
امتیاز کاربران به این مطلب
۱ نفر - میانگین: ۵
تلگرام

منبع نوشته:سایت بهترین ایده

دیدگاه‌تان را ثبت کنید:

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

11 + نه =

PHN0eWxlPi5oX2lmcmFtZS1hcGFyYXRfZW1iZWRfZnJhbWV7cG9zaXRpb246cmVsYXRpdmU7fSAuaF9pZnJhbWUtYXBhcmF0X2VtYmVkX2ZyYW1lIC5yYXRpbyB7ZGlzcGxheTpibG9jazt3aWR0aDoxMDAlO2hlaWdodDphdXRvO30gLmhfaWZyYW1lLWFwYXJhdF9lbWJlZF9mcmFtZSBpZnJhbWUge3Bvc2l0aW9uOmFic29sdXRlO3RvcDowO2xlZnQ6MDt3aWR0aDoxMDAlOyBoZWlnaHQ6MTAwJTt9PC9zdHlsZT48ZGl2IGNsYXNzPSJoX2lmcmFtZS1hcGFyYXRfZW1iZWRfZnJhbWUiPiA8c3BhbiBzdHlsZT0iZGlzcGxheTogYmxvY2s7cGFkZGluZy10b3A6IDU3JSI+PC9zcGFuPjxpZnJhbWUgc3JjPSJodHRwczovL3d3dy5hcGFyYXQuY29tL3ZpZGVvL3ZpZGVvL2VtYmVkL3ZpZGVvaGFzaC85dHk0VS92dC9mcmFtZSIgYWxsb3dGdWxsU2NyZWVuPSJ0cnVlIiB3ZWJraXRhbGxvd2Z1bGxzY3JlZW49InRydWUiIG1vemFsbG93ZnVsbHNjcmVlbj0idHJ1ZSIgPjwvaWZyYW1lPjwvZGl2Pg==
با سپاس از ثبت دیدگاه شما دوست عزیز
از تماشای این ویدیو لذت ببرید ...
فقط چند ثانیه تا دانلود فاصله دارید!
* دانلود فایل سخنرانی استیو جابز ...
ایبوک هدف‌گذاری موثر
زودتر از آنچه فکرش را می‌کنید به خواسته‌هایتان دست پیدا کنید!
* لینک دانلود بلافاصله ایمیل می‌شود.
چهار عامل شگفت انگیز کسب درآمد چیست؟
فقط چند ثانیه تا دانلود فاصله دارید!
* سه ایده کسب و کار خانگی پولساز
فقط چند ثانیه تا دانلود فاصله دارید!
* ایبوک: ده مکان عالی برای پیدا کردن یک ایده جدید
فقط چند ثانیه تا دانلود فاصله دارید!
* دانلود ویدیوی جذاب و با کیفیت مصاحبه جک ما
از همین امروز شروع کنید
بدون تجربه و دانش فنی وارد دنیای درآمدهای اینترنتی شوید!
فایل‌های آموزشی برای شما ایمیل می‌شود.
فقط چند ثانیه تا دریافت این فایل آموزشی فاصله دارید!
فایل‌های آموزشی ویژه اعضای سایت
* اگر عضو نیستید با وارد کردن ایمیل‌تان به این فایل دسترسی پیدا می‌کنید
دسترسی مخصوص اعضای سایت
عضو سایت نیستید؟
فقط کافیه نام و ایمیل‌تان را وارد کنید و ...
* دسترسی سریع به تمام فایل‌های آموزشی
هدیه ما به شما
با سپاس از اینکه دیدگاه تان را در سایت ما ثبت کردید.


یک کوپن تخفیف 30%
  • مشاوره حضوری
  • دوره های آنلاین
  • بسته های آموزشی
  • محصولات دانلودی
  • وبینارهای آموزشی
  این کد فقط یکبار به شما نمایش داده می‌شود.
کد: qwert
ورود کاربران
* دسترسی رایگان به بخش آکادمی