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

0
149
26 مرداد 1399
0
149
26 مرداد 1399

تبلیغات


خرید و فروش ارز دیجیتال

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

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

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

تبلیغات



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

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

تبلیغات


اجرای کلیه پروژه های برنامه نویسی متلب

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

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

<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=”متنی که در صوت لود نشدن تصویر نمایش داده می شود”>

تاکنون 2431 نفر (متقاضی منحصر بفرد) از خدمات ترشیز وب بهره مند شده اند که از این تعداد، - نفر مثل شما به این صفحه مراجعه کرده اند.

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

ترشیز وب

دیدگاه ها (0)

ارسال دیدگاه

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

*
*

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

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

logo-samandehi

دریافت رایگان تمام محصولات، دسترسی به آموزش های تخصصی و50 درصد تخفیف دائمی خدمات با کارت عضویت حرفه ای ترشیز وب