|
|
تاریخ انتشار:۱۰:۰ ۱۳۹۸/۷/۶
آموزش 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> کم اهمیت ترین عنوان را در صفحه 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 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">
|
|
|
|