اصول اولیه HTML

< قدم قبلی

قدم بعدی >

نگران نباشید اگر این مثالها از برچسبهایی که یاد گرفته اید استفاده نشده است.

شما در فصل بعد آنها را یاد خواهید گرفت.

اسناد HTML

تمام اسناد HTML باید با یک تگ نوع سند شروع شود: <! DOCTYPE html>.

سند HTML با <html> آغاز می کند و به پایان می رسد </ html>.

بخش قابل رویت از سند HTML بین <body> و </ body> است.

<!DOCTYPE html> <html> <body> <h1> My First Heading</h1> <p> My first paragraph.</p> </body> </html>

1 2 3 4 5 6 7 8 9

<!DOCTYPE html> <html> <body>   <h1>My First Heading</h1> <p>My first paragraph.</p>   </body> </html>

عنوان های HTML

عنوان های HTML با برچسب های <h1> به <h6> تعریف شده اند.

<h1> با ارش ترین عنوان را تعریف می کند. <h6> کم ارزش ترین عنوان را تعریف می کند:

<h1> This is heading 1</h1> <h2> This is heading 2</h2> <h3> This is heading 3</h3>

1 2 3

<h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3>

پاراگراف HTML

پاراگرافهای HTML با برچسب <p> tag تعریف شده است ::

<p> This is a paragraph.</p> <p> This is another paragraph.</p>

1 2	<p>This is a paragraph.</p> <p>This is another paragraph.</p>

پیوندها HTML

پیوندهای HTML با برچسب <a> تعریف شده است:

همین حالا ببینید:  آموزش مقدماتی تا پیشرفته برنامه نویسی تحت وب با HTML5

<a href="https://www.tiktheme.com">This is a link</a>

1	<a href="https://www.tiktheme.com">This is a link</a>

مقصد لینک در صفت href مشخص شده است.

ویژگی ها برای ارائه اطلاعات اضافی در مورد عناصر HTML استفاده می شود.

در مورد ویژگی های فصل بعدی بیشتر بدانید.

تصاویر در HTML

تصاویر HTML با برچسب <img> تعریف می شوند.

فایل منبع (src)، متن جایگزین (alt)، عرض و ارتفاع به عنوان ویژگی های ارائه شده است

<img src="tiktheme.jpg" alt="www.tiktheme.com" width="104" height="142">

1	<img src="tiktheme.jpg" alt="www.tiktheme.com" width="104" height="142">

دکمه های HTML

دکمه های HTML با برچسب <button> تعریف می شوند:

<button>Click me</button>

1	<button>Click me</button>

لیست های HTML

لیست های HTML با برچسب <ul> (فهرست غیر ارادی / گلوله) یا برچسب <ol> (دستورالعمل / شماره شماره)، و سپس برچسب های <li> (آیتم های لیست) تعریف می شوند:

<ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul>

1 2 3 4 5

<ul>   <li>Coffee</li>   <li>Tea</li>   <li>Milk</li> </ul>

 

< گام قبلی

گام بعدی >

همین حالا ببینید:  معرفی ویراستاران HTML

 منبع: تیک تم

پشتیبان وردپرس