کد نویسی با HTML مقدماتی
کد نویسی HTML مقدماتی
HTML مخفف Hyper Text Markup Language است زبان علامت گذاری استاندارد برای ایجاد صفحات وب است.
HTML ساختار یک صفحه وب را توصیف می کند.HTML از یک سری عناصر تشکیل شده است.
HTML یک زبان نشانه گذاری است، به این معنی که بخش های مختلف توسط اجزایی به نام تگ از هم جدا شده، که هر کدام دارای کاربرد
و خواص مربوط خود هستند.
در این آموزش هر مبحث به صورت گام به گام ارائه شده تا شما بتوانید آن را به روشی بسیار آسان یاد بگیرید. در آموزش کد نویسی با HTML
قصد داریم کد نویسی مقدماتی با HTML را به شما آموزش دهیم.
در این بخش برخی از مثالهای اساسی HTML را نشان خواهیم داد.
اسناد HTML
تمام اسناد HTML باید با اعلامیه نوع سند شروع شوند:
<!DOCTYPE html>
سند HTML خود با <html> آغاز می شود و با </html> پایان می یابد.
قسمت قابل مشاهده سند HTML بین <body> و </body> است.
بطور مثال:
|
1 2 3 4 5 6 7 8 9 |
<!DOCTYPE html> <html> <body> <h1>عنوان اول من</h1> <p>پاراگراف اول من.</p> </body> </html> |
در صورتیکه برای شروع با نحوه کد نویسی بالا آشنایی ندارید میتوانید آموزش زیر را مشاهده کنید:
اعلامیه <DOCTYPE!>
اعلامیه <DOCTYPE!> نوع سند را نشان می دهد و به مرورگرها برای نمایش صحیح صفحات وب کمک می کند.
اعلامیه <DOCTYPE!> فقط یک بار باید در بالای صفحه (قبل از هرگونه برچسب HTML) ظاهر شود.
اعلامیه <DOCTYPE!> به حروف کوچک و بزرگ حساس نیست.
اعلامیه <DOCTYPE!> برای HTML5 به شرح زیر است:
|
1 |
<!DOCTYPE html> |
عناوین HTML:
عنوان HTML با برچسب <h1> تا <h6> تعریف می شود.
بطور مثال:
|
1 2 3 |
<h1>این عنوان 1 است</h1> <h2>این عنوان 2 است</h2> <h3>این عنوان 3 است</h3> |
پاراگراف های HTML
پاراگراف های HTML با برچسب <p> تعریف می شوند:
بطور مثال:
|
1 2 |
<p>این یک پاراگراف است</p> <p>این پاراگراف دیگری است</p> |
پیوندهای HTML
پیوندهای HTML با برچسب <a> تعریف می شوند:
|
1 |
<a href="https://upweb.ir">این یک پیوند است</a> |
تصاویر HTML
تصاویر HTML با برچسب <img> تعریف می شوند.
فایل منبع (src) ، متن جایگزین (alt) ، عرض (width) و ارتفاع (height) به عنوان ویژگی ارائه می شوند:
بطور مثال:
|
1 |
<img src="upweb.jpg" alt="upweb.ir" width="104" height="142"> |