فایل html

آموزش مقدماتی HTML, جلسه سوم

آموزش مقدماتی HTML, جلسه سوم

با ادامه آموزش HTML جلسه سوم همراه شما هستیم. خواندن آموزش HTML مقدمه و آموزش HTML جلسه دوم توصیه می شود.

المان های فرمت متن HTML

  • <b> – برای بلد کردن متن
  • <strong> – برای نوشتن متن های مهم
  • <i> – برای ایتالیک کردن متن
  • <em> – Emphasized text
  • <mark> – برای نشانه گذاری متن
  • <small> – برای کوچک کردن متن
  • <del> – برای حذف یک بخش از متن
  • <ins> – برای اضافه کردن یک بخش از متن
  • <sub> – برای زیر نویس کردن متن
  • <sup> – برای توان کردن متن

امکان فرمول نویسی هم با استفاده از تگ <code> در HTML وجود دارد .

<code>
var x = 5;
var y = 6;
document.getElementById(“demo”).innerHTML = x + y;
</code>
خروجی این قطعه کد:

var x = 5; var y = 6; document.getElementById(“demo”).innerHTML = x + y;

با استفاده از تگ <var> میتوان در HTML متغیر تعریف کرد.

Einstein wrote: <var>E</var> = <var>m</var><var>c</var><sup>2</sup>

خروجی : Einstein wrote: E = mc۲

لینک در HTML

همانطور که در آموزش های قبلی نیز مشاهده کردیم لینک ها در HTML با استفاده از تگ <a> نشان داده می شوند.

<a href=”url“>link text</a>
استایل های مورد استفاده برای لینک ها :
<style>
a:link    {color:green; background-color:transparent; text-decoration:none}
a:visited {color:pink; background-color:transparent; text-decoration:none}
a:hover   {color:red; background-color:transparent; text-decoration:underline}
a:active  {color:yellow; background-color:transparent; text-decoration:underline}
</style>
link : لینک مورد نظر با این رنگ نمایش داده خواهد شد.
visited : زمانیکه شما روی لینک کلیک می کنید، لینک شما با این رنگ نمایش داده خواهد شد.
hover : زمانیکه با موس روی لینک مورد نظر اشاره کنید این رنگ نمایان می شود.
active : زمانیکه یکبار روی لینک مربوطه کلیک کرده باشیم به این رنگ ظاهر خوهد شد.

صفت target در تگ لینک

target صفتی مخصوص لینک هاست و مشخص می کند هر لینک کجا نمایش داده شود .

  • _blank – لینک در یک صفحه جدید باز خواهد شد
  • _self – این مقدار بصورت پیش فرض است و لینک را در همان صفحه فعال باز میکند
  • _parent – لینک را داخل یک فریم باز میکند
  • _top – لینک را داخل یک فریم تمام صفحه باز مکند
  • framename – لینک را داخل یک فریم در یک صفحه جدید باز میکند

یکی دیگر از قابلیت های لینک ایجاد بوک مارک هاست .که می توانیم با id المان مورد نظر لینک را مستقیما به سمت آن هدایت کنیم.

<h2 id=”tips”>Useful Tips Section</h2>
<a href=”#tips”>Visit the Useful Tips Section</a>

در ادامه دوره های آموزشی آوینا وب با ما همراه باشید.

, , , , , , , ,

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این فیلد را پر کنید
این فیلد را پر کنید
لطفاً یک نشانی ایمیل معتبر بنویسید.
شما برای ادامه باید با شرایط موافقت کنید

فهرست