کد نویسی با HTML مقدماتی

 کد نویسی HTML مقدماتی

HTML مخفف Hyper Text Markup Language است زبان علامت گذاری استاندارد برای ایجاد صفحات وب است.
HTML ساختار یک صفحه وب را توصیف می کند.HTML از یک سری عناصر تشکیل شده است.
HTML یک زبان نشانه گذاری است، به این معنی که بخش های مختلف توسط اجزایی به نام تگ از هم جدا شده، که هر کدام دارای کاربرد و خواص مربوط خود هستند.

در این آموزش هر مبحث به صورت گام به گام ارائه شده تا شما بتوانید آن را به روشی بسیار آسان یاد بگیرید. در آموزش کد نویسی با HTML قصد داریم
کد نویسی مقدماتی با HTML
  را به شما آموزش دهیم.

در این بخش برخی از مثالهای اساسی HTML را نشان خواهیم داد.

اسناد HTML

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

<!DOCTYPE html>

سند HTML خود با <html> آغاز می شود و با </html> پایان می یابد.

قسمت قابل مشاهده سند HTML بین <body> و </body> است.

بطور مثال:

<!DOCTYPE html>
<html>
<body>
<h1>عنوان اول من</h1>
<p>پاراگراف اول من.</p>
</body>
</html>

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

ساخت فایل ایندکس HTML

 اعلامیه <DOCTYPE!>

اعلامیه <DOCTYPE!> نوع سند را نشان می دهد و به مرورگرها برای نمایش صحیح صفحات وب کمک می کند.

اعلامیه <DOCTYPE!> فقط یک بار باید در بالای صفحه (قبل از هرگونه برچسب HTML) ظاهر شود.

اعلامیه <DOCTYPE!> به حروف کوچک و بزرگ حساس نیست.

اعلامیه <DOCTYPE!> برای HTML5 به شرح زیر است:

<!DOCTYPE html>

عناوین HTML:

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

بطور مثال:

<h1>این عنوان 1 است</h1>
<h2>این عنوان 2 است</h2>
<h3>این عنوان 3 است</h3>

پاراگراف های HTML

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

بطور مثال:

<p>این یک پاراگراف است</p>
<p>این پاراگراف دیگری است</p>

پیوندهای HTML

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

<a href="https://upweb.ir">این یک پیوند است</a>

مقصد پیوند در ویژگی href مشخص شده است.

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

 تصاویر HTML

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

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

بطور مثال:

<img src="upweb.jpg" alt="upweb.ir" width="104" height="142">