آموزش HTML (قسمت ۲)

آموزش-html-قسمت-۲

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

<dr-code> کد و یا متن مورد نظر </dr-code>

تگ <?h> ( سربرگ ها) : علامت ? به معنی متغییر بوده و از اعداد 1 تا 6 تشکیل می شود که سایز متن نوشته شده را تعیین می کند.

<p> سربرگ ها | Headers </p>
<h1> سربرگ ۱ </h1>
<h2> سربرگ ۲ </h2>
<h3> سربرگ ۳ </h3>
<h4> سربرگ ۴ </h4>
<h5> سربرگ ۵ </h5>
<h6> سربرگ ۶ </h6>

تگ <p> (پاراگراف) :

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

تگ <a> (لینک) :

<a href="http://dr-code.ir/" target="_blank"> ورود به سایت دکتر کد </a>

تگ <img> (نمایش تصویر) :

<img src="http://dr-code.ir/front/image/logo.png" alt="دکتر کد" width="50" height="70">
<!-- width & height : تعیین اندازه تصویر -->
<!-- alt : زمانی که نمایش تصویر به مشکل بر بخورد، متن نوشته در این صفت نمایش داده خواهد شد. -->

تگ <ul> (لیست ها) : جهت نمایش گزینه های مورد نظر در لیست به کار می رود.

<ul> لیست ها :
    <li> گزینه ۱ </li>
    <li> گزینه ۲ </li>
    <li> گزینه ۳ </li>
    <li> گزینه ۴ </li>
</ul>

تگ <br/> (سطر بعدی) : با این تگ می توان به سطر بعدی رفت.

<p> با استفاده از این تگ می توانید <br> به سطر بعدی <br> بروید. </p>
<!-- این تگ به صورت تکی نوشته می شود و نیاز به باز و بسته کردن ندارد -->

تگ <hr/> (خط افقی) : ایجاد یک خط افقی جهت جدا سازی مقادیر.

<h5> متن شماره ۱ </h5>
<hr>
<h5> متن شماره ۲ </h5>
<hr>
<h5> متن شماره ۳ </h5>

► قسمت قبلی قسمت بعدی ◄
خودتان امتحان کنید

آموزش های مرتبط :



نظرات کاربران

نظر شما؟