آموزش html – قسمت اول

از html برای طراحی وب سایت استفاده می شود

ساختار کد های html به این نحوی می باشد

به هر کد html یک تگ گفته می شود و به این شکل نوشته می شود <code></code>

معمولا 90 درصد کد های html  از یک تگ <> شروع می شود و با یک تگ </>  بسته می شود

و هر کدام از کد های html  با کاربرد متفاوت را یاید در جای مناسب استفاده شود ما در آموزش های متوالی می خواهیم برای هر کاربرد کد های Html را توضیح داده می شود

برای ساختن باکس یا تعیین مرز یک قسمت از تگ زیر استفاده می کنیم

تگ <div></div>

از این تگ برای ساختن یک مجموعه یا قسمت استفاده می کنیم

<div>

کد های مرتبط به اون قسمت را وارد می کنیم

</div>

تگ نوشتاری <p></p>

برای نوشتن یک متن می توانید از تگ p  به معنی پاراگراف استفاده کنید

کار عملی

فکر کنید می خواهید یک باکس داشته باشید که داخل آن یک متن نوشته شده باشد

ابتدا باکس را می نویسیم و بعد تگ پاراگراف را داخل باکس می نویسیم

<div>

<p>

این یک متن آزمایشی می باشد

</p>

</div>

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

تگ هدینگ h1-h6

برای استفاده کردن یک استایل مشخص برای نوشتار می توانید از این کد های استفاده کنید و ترتیب اندازه نوشتار به ترتیب می باشد

مثلا

<h1>This is heading 1</h1>

<h2>This is heading 2</h2>

<h3>This is heading 3</h3>

<h4>This is heading 4</h4>

<h5>This is heading 5</h5>

<h6>This is heading 6</h6>

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5

This is heading 6

تگ لینک <a></a>

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

ساختار تگ لینک

<a href=”https://www.googel.com”  target=”_parent” >googel</a>

قسمت href

می توانید آدرس وب سایت مقصد یا صفحه ی از وب سایت خودتان را تعیین کنید

متن لینک

و بین تگ باز و بسته می توانید عنوان اون لینگ که قابل مشاهده برای کاربران هست رو تعیین کنید

قسمت target

در این قسمت می توانید تعیین کنید کاربر پس از کلیک کردن صفحه حاضر که لینک مورد نظر تبدیل به مقصد اصلی لینک

شود انگار این صفحه بسته می شود که از _parent استفاده می کنید در غیر این صورت اگر بخواهید بعد از اینکه روی لینک کلیک شد صفحه حاضر بمونه در اصتلاح و یک سربرگ جدا باز شود از ویژگی _blank استفاده می کنیم که در قسمت target می توانیم تعیین کنیم

تگ تصویر img

برای استفاده کردن از تصاویر در وب از تگ img  استفاده می کنیم

<img src=”image.jpg” alt=”title_image”>

قسمت src

در این قسمت باید مقصد عکس را مشخص کنید یا به اصتلاح منبع عکس کجاس؟

فرض کنید عکس شما داخل یک فولدر به نام images  وجود دارد و نام عکس با فرمت عکس دارید به این نحوی استفاده می کنید

<img src=”images/image.jpg” >

فرمت عکس

در عکس یک فرمت یا نوع داریم که معمولا چندتا از فرمت های پرکاربر jpg  ، png می باشد که بعد از نام عکس باید نوشته شود

image.jpg

قسمت alt

توضیح کوتاه عکس می باشد که زمانی که عکس در اصلاح لود نشد این نوشته بیانگر موضوع عکس می باشد

تا اینجا ما با چند کد پر کاربرد در html آشنا شدیم

منتظر قسمت بعدی آموزش Html  باشید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.