مثال های پر کاربرد در 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> کم اهمیت ترین عنوان را در صفحه HTML تعریف میکنند.

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
خودتان امتحان کنید

پاراگراف ها در HTML

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

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
خودتان امتحان کنید

لینک ها در HTML 

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

<a href="http://www.learnsource.net">This is a link</a>
خودتان امتحان کنید

 

مقصد لینک با استفاده از صفت href مشخص میشود.

صفات برای فراهم آوردن اطلاعات اضافی در مورد عناصر HTMl استفاده میشوند.


تصاویر در HTML

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

آدرس تصویر (src)، متن جایگزین (alt)، طول (width) و عرض (height) از جمله صفات این عنصر هستند.

<img src="/Uploads/Images/learnsourcelogo.png" alt="learnsource.net" width="210" height="55">
خودتان امتحان کنید

 

منتشر شده در ۲۴ اردیبهشت ۱۳۹۶ حمید رضا ملکی ۱۰۸۵ بازدید
دیدگاه ها

هنوز دیدگاهی ثبت نشده