آموزش HTML5 - جلسه سوم |  تگ های عنوان |  تگ پاراگراف |  تگ لینک(پیوند) | تگ تصویر

آموزش HTML5 – جلسه سوم
  • 16 اسفند 1397
  • 1 دیدگاه
  • میلاد شاهی

آموزش HTML5 – جلسه سوم

آموزش

امروز و در این ساعت از وبلاگ آی وحید جلسه سوم آموزش HTML5 رو شروع میکنیم که کمی متفاوت و سخت تر هست. در این جلسه چیزهای جدید یاد خواهید گرفت+تگ های جدید که در جلسات بعدی آموزش خواهیم داد و صرفا این جلسه برای آشنایی کلی و بررسی اجمالی تگ ها هست پس اگر در اخر جلسه برخی تگ ها رو نتونستین یاد بگیرین نگران نباشید.

  • تمامی فایل های کدنویسی شده با زبان HTML باید با تگ <!DOCTYPE html> آغاز شود.
  • کدهای HTML باید درون دو تگ <html></html> کدنویسی شود.
  • قسمتی که به کاربر نمایش داده می شود مابین دو تگ <body></body> کدنویسی می شود.

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

 تگ های عنوان

عنوان های موجود در صفحه وب بر اساس طراحی که صورت گرفته متغیر است و ممکن است از تگ <h1> تا <h6> متغیر باشد. به مثال زیر توجه کنید:

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

 تگ پاراگراف

در HTML5 برای نمایش بند و متن و پاراگراف از تگ <p> استفاده می شود. همین و بس!

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

 تگ لینک(پیوند)

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

href یک خاصیت است برای تگ a در html برای روشن شدن موضوع به مثال زیر توجه کنید:

ما یه تگ داریم که میتونه چند تا خاصیت داشته باشه. برای مثال تگ a یه خاصیت داره بنام href که مقدارش آدرسی هست که کاربر رو به اون آدرس هدایت میکنه. اگه بخواییم روشن تر بگیم ما یه وردپرس داریم که تگ هست و افزونه و ماژول های وردپرس هم مانند خاصیت های تگ ها هست. یعنی هر خاصیتی ویژگی و خصوصیتی به تگ اضافه میکنه.

تگ تصویر

تصاویر در HTML با تگ <img> نمایش داده میشن. خصوصیاتی مانند src (منبع تصویر یا همون آدرس تصویر) – alt (متن جایگزین تصویر و یا توضیح متنی تصویر) و height – width از خصوصیات تگ img می باشد. برای روشن تر شدن موضوع به مثال زیر توجه کنید:

<img src="ivahid.jpg" alt="ivahid.com" width="104" height="142">

خب برای این جلسه فعلا کافی هست و در پایان بازم تاکید میکنم که این جلسه صرفا آشنایی اجمالی بود و در جلسات بعد هر یک از این تگ ها رو به صورت تک تک معرفی خواهیم کرد. اما میتوانید با کپی پیست و کمی تغییر این تگ ها تمرین کنیدو حتما تمرین کنید.

در پناه حق – آی وحید

امتیاز شما در رابطه با این مقاله ؟
بدبدمعمولیخوبخیلی عالی
(اولین رای را شما ثبت کنید)
Loading...
میلاد شاهی

یه برنامه نویس کنکوری!

دیدگاه شما عزیزان
  • علی جرجانی
    6 بهمن 1393

    ممنون
    ساده و مفید با شروع خوب و پشتکار 😀
    جوری داری آموزش میدی که یک فرد مبتدی متوجه بشه، ولی اون مثال وردپرست برای یک حرفه ای هم تجسمش سخته 😀

کادر ارسال دیدگاه شما کاربر عزیز

iwmf