آموزش مقدماتی html

سلام ، وقت بخیر

بدون معطلی میرویم سراغ قسمت سوم آموزش Html که بصورت رایگان منتشر میکنیم تا این دانش بین همه ایرانیان عزیز رواج پیدا کند.

لطفا تا آخر با ما همراه باشید.

نظرات شما ما را در این راه مصمم خواهد کرد.

مدارک HTML

تمامی سند های html توسط داکیومنت تایپ شروع می شوند یعنی با : < DOCTYPE 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> </h1>

<h2> </h2>

<h3> </h3> 

<h4> <h4>

<h5> </h5> 

<h6> </h6>

در زبان نگارشی HTML ، <H1< مهمترین و بزرگترین عنوان را تعریف می کند و <H6> کوچکترین عنوان را تعریف می کند که به ترتیب در بالا ذکر شد.

به مثال زیر توجه کنید.

<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  خود کد زیر را به کار ببرید ، که در زبان html لینک دادن به شکل زیر است و با تگ <a> آغاز می شود که یک تگ جفت می باشد که فرقشان را در جلسه اول آموزش خدمتتان عرض کردیم!

attribute ها برای ارائه اطلاعات اضافی در داخل برخی از تگ های html بکار می روند که مشخص می کنند یک تگ چه کارایی باید داشته باشد.
مقصد لینک در مشخصه href مشخص شده است. منظور از مشخصه همان اتریبیوت یا همان کلمه attribute می باشد.

درج تصویر در html 

تصاویر در  HTML با برچسب یا همان تگ <img> تعریف می شوند. به مثال زیر توجه کنید.
<img src=”wp-content/uploads/2017/06/html-totu.jpg” alt=”iranitheme” width=”104″ height=”142″>
(src) ⇐ فایل منبع یا همان سورس یا همان آدرس عکس را مشخص می کند.
 (alt) ⇐ متن جایگزین عکس را مشخص میکند که در صورت حذف عکس این کلمه به کاربر نمایش داده شود.برای سئو نیز حائز اهمیت می باشد.
 width وheight  ⇐عرض و ارتفاع عکس خود را می توانید به این صورت به سند خود تعریف کنید. مثلا عرض ۱۰۴px  و ارتفاع ۱۴۲ px باشد و دقیقا همین اندازه را برای کاربر نشان خواهد داد.

اگر مشکلی داشتید از بخش نظرات با ما در تماس باشید. به مشکلات برنامه نویسی شما پاسخ خواهیم داد.

موفق باشید.