آموزش طراحی وب سایت – قسمت سوم

0
100
26 مرداد 1399
0
100
26 مرداد 1399

بسم الله الرحمن الرحیم | با قسمت سوم از سری مقالات آموزش طراحی وب سایت در خدمات شما کاربران گران قدر و همراهان همیشگی ترشیز وب هستیم.

آموزش اچ تی ام ال (HTML)

در قسمت دوم گفتیم که اچ تی ام ال زبان پایه طراحی سایت است و تمام طراحان وب برای موفقیت در کار خود بهتر است (و شاید بتوان گفت واجب است) این زبان را یاد بگیرند.

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

بپردازیم به آموزش:

عنوان ها در اچ تی ام ال

عنوان (سرتیتر) ها را در اچ تی ام ال با دستور <hi></hi> مشخص می شوند که در این تگ به جای i یکی از اعداد ۱ تا ۶ قرار داده می شود، عدد کمتر به منزله اهمیت بیشتر است:

<h1/>این یک عنوان است<h1>

<h2/>این یک عنوان است<h2>

<h3/>این یک عنوان است<h3>

<h4/>این یک عنوان است<h4>

<h5/>این یک عنوان است<h5>
<h6/>این یک عنوان است<h6>

گفتنی است استفاده صحیح و به جا از دستور <hi></hi> در بهبود سئو و ارتقاء رتبه وب سایت بسیار موثر است (پیشنهاد: مقاله «سئو چیست؟» را مطالعه کنید).

پاراگراف ها در اچ تی ام ال

در HTML برای ایجاد پاراگراف از دستور <p></p> استفاده می شود:

<p>محتوای پاراگراف</p>

لینک ها در اچ تی ام ال

لینک، متن یا تصویری است که می تواند کاربر را به یک صفحه وب دیگر هدایت کند و در HTML با دستور <a></a> تعریف می شود. مهم ترین مشخصه تگ <a> ، نشانی مقصد لینک است که با href تعیین می شود:

<a href=”http://www.torshizweb.ir/”>متن یا تصویر لینک شده</a>

در دستور فوق، کاربر به محض کلیک روی «متن یا تصویر لینک شده» به تارنمای ترشیز وب هدایت می شود.

تصاویر در اچ تی ام ال

تصاویر و عکس ها یکی از پرکاربردترین عناصر در صفحات وب است که استفاده صحیح و مناسب از آنها موجب ارتقاء رتبه وب سایت در نتایج جست و جوی موتور های جست و جو و ارتقاء سئوی وب سایت می شود (پیشنهاد: مقاله «چرا باید وبسایتمان را سئو کنیم؟» را مطالعه کنید).

برای نمایش تصویر در یک صفحه وب از تگ <img> استفاده می کنیم. این دستور، فقط تگ شروع دارد.

تگ img در html دو مشخصه مهم دارد:

  1. src: نشانی تصویر (همراه با فرمت تصویر) و
  2. alt: متنی است که اگر تصویر به هر دلیل بارگیری (لود) نشود نمایش داده می شود.

<img src=”نشانی تصویر” alt=”متنی که در صوت لود نشدن تصویر نمایش داده می شود”>

اشتراک گزاری:

ترشیز وب

دیدگاه ها (0)

ارسال دیدگاه

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

*
*

نماد های اعتماد

ترشیز وب به استناد نماد های زیر، دارای مجوز رسمی از کلیه مراجع مربوطه در جمهوری اسلامی ایران می باشد!