معرفی
👋 به این وبلاگ خوش آمدید. این وبلاگ حاوی تمام اطلاعات مورد نیاز است HTML. اگر در توسعه وب کاملاً تازه کار هستید، در جای درستی هستید و همچنین اگر حرفه ای هستید، می توانید با خواندن این وبلاگ اصلاح کنید و همچنین در بخش نظرات به من بازخورد بدهید.
بیایید شروع کنیم 🚀
HTML
HTML مخفف زبان نشانه گذاری HyperText. ساختار اصلی وب سایت یا صفحات وب را ارائه می دهد. این تعریف می کند که چگونه وب سایت شما از نظر ساختار به نظر می رسد، به عنوان مثال، وب سایت حاوی عنوان، ورودی، فرم، جدول، دکمه و بسیاری موارد دیگر است.
کد HTML
<!DOCTYPE html>
<html>
<head>
<title>Hello world</title>
</head>
<body>
<h1>Hello world</h1>
</body>
</html>
می توانید نسخه زنده وب سایت Hello world را که کد آن در بالا نوشته شده است را در اینجا بررسی کنید.
در مورد هر خط کد با جزئیات صحبت خواهیم کرد تا بتوانید ایده هر خط را بدست آورید.
این خط اساساً به مرورگر وب می گوید که کدام HTML نسخه ای که ما استفاده می کنیم در این مورد ما هستیم HTML5.
html
این هست HTML عنصری که شامل تمام کدهای صفحه وب ما است. به عبارت دیگر، این شامل تمام ساختار و تنظیمات مورد نیاز است به عنوان مثال، CSS خارجی، JS، CDN و غیره. از صفحه وب ممکن است متوجه شوید که همه محتوا بین آنها قرار می گیرد <html> و </html>. این به این دلیل است که تمام محتوا بین این عناصر قرار می گیرد. <html> است به طور کلی به باز کردن برچسب ها و </html> به طور کلی به تگ بسته شدن اشاره دارد.
سر
این عنصر شامل تمام الزامات صفحه وب است. مثلا اگر می خواهید مقداری فایل CSS خارجی، فایل JS خارجی یا مقداری CDN خارجی که برای وب سایت لازم است اضافه کنید، این عنصر مفید است. اگر در مورد CSS نمی‌دانید برای هدف طراحی استفاده میشود، JS برای هدف کاربردی و CDN مخفف Content Delivery Network است.
عنوان
این عنصر شامل عنوان که در تب the نشان داده شده است مرورگر اینترنت. اگر به وب سایت Hello world بروید متوجه می شوید که در تب مرورگر وب، عنوان وجود دارد Hello world. این کار اصلی اینهاست <title>...</title> برچسب ها
بدن
این عنصر شامل ساختاری است که برای کاربر قابل مشاهده است. عناصر بالا که می توانید تصور کنید می توانند برای راه اندازی صفحه وب ما استفاده شوند. محتوای اصلی به بخش بدن می رود.
h1
h1 یک عنصر عنوان است که برای عنوان استفاده می شود. اگر به وب‌سایت hello world بروید، عنوان hello world که برای ما قابل مشاهده است، عنوان است. h1 تنها عنصر عنوانی نیست که ما داریم. ما یک عنصر عنوان داریم که از آن شروع می شود h1 و می رود تا h6 تنها تفاوت این است که h1 بزرگتر است و سپس اندازه آن کاهش می یابد h6.
اگر می خواهید در مورد عناصر HTML بیشتر بخوانید، می توانید آن را اینجا بررسی کنید.
بیایید یک جدول ایجاد کنیم
<table>
<tr>
<th>S.No.</th>
<th>Day</th>
</tr>
<tr>
<td>1</td>
<td>Sunday</td>
</tr>
<tr>
<td>2</td>
<td>Monday</td>
</tr>
<tr>
<td>3</td>
<td>Tuesday</td>
</tr>
<tr>
<td>4</td>
<td>Wednesday</td>
</tr>
<tr>
<td>5</td>
<td>Thursday</td>
</tr>
<tr>
<td>6</td>
<td>Friday</td>
</tr>
<tr>
<td>7</td>
<td>Saturday</td>
</tr>
</table>
table : این عنصر جدول است که برای ایجاد جدول استفاده می شود.tr : به معنی ردیف جدول است. یعنی ردیف جدولtd : به معنی داده جدول است. یعنی داده ای که شامل جدول است.
در اینجا می توانید نسخه زنده کد را بررسی کنید.
توجه داشته باشید این کد باید بین کد نوشته شود body عنصر
زمان ایجاد فرم HTML است
ممکن است هنگام گشت و گذار در اینترنت برخی از فرم های HTML را دیده باشید. بیایید زمان ایجاد فرم HTML خودمان را بگذرانیم.
این قطعه کد است.
<form>
Name: <input type="text" name="name"><br>
Email: <input type="email" name="email"><br>
<input type="submit" value="Submit">
</form>
form : عنصر HTML به ما در ایجاد فرم HTML کمک می کند. input : عنصر ورودی به ما اجازه می دهد که ورودی را از کاربر بگیریم. را type="email" و name="email" نامیده میشود ویژگی HTML.
شما می توانید نسخه زنده صفحه وب را در اینجا بررسی کنید.
توجه داشته باشید این کد باید بین کد نوشته شود body عنصر
نتیجه
در نتیجه، HTML با تعریف ساختار وب سایت یا صفحه وب به عنوان پایه و اساس آن عمل می کند. نحوه نمایش وب سایت از نظر عناصری مانند سرفصل ها، فرم ها، جداول، دکمه ها و موارد دیگر را تعیین می کند. با استفاده از تگ ها و عناصر HTML، می توانیم یک صفحه وب با ساختار و سازماندهی مناسب ایجاد کنیم.
با من تماس بگیرید: ankursingh91002@gmail.com
لینکدین
توییتر
