Website design codes with html
HTML (زبان نشانهگذاری فرامتن) سنگ بنای طراحی وب است. این زبان با استفاده از تگهای ساختاری، اسکلت صفحات وب را میسازد. برخلاف زبانهای برنامهنویسی، HTML یک زبان نشانهگذاری است که محتوا را برای مرورگرها تفسیرپذیر میکند.
هر صفحه HTML با تگ <!DOCTYPE html>
آغاز میشود که نسخه HTML را مشخص میکند. ساختار اصلی شامل بخشهای <head>
(اطلاعات متا) و <body>
(محتوای قابل مشاهده) است. درک این ساختار اولین گام برای طراحی حرفهای است.
مثال ۱: ساختار پایه HTML
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<title>عنوان صفحه</title>
</head>
<body>
<h1>سلام دنیا!</h1>
<p>این یک پاراگراف نمونه است.</p>
</body>
</html>
مثال ۲: ایجاد فرم تماس
<form action="/submit" method="post">
<label for="name">نام:</label>
<input type="text" id="name" name="name">
<label for="email">ایمیل:</label>
<input type="email" id="email" name="email">
<button type="submit">ارسال</button>
</form>
مثال ۳: استفاده از تگهای معنایی
<header>
<h1>وبلاگ من</h1>
</header>
<article>
<h2>مقاله نمونه</h2>
<p>محتوای مقاله...</p>
</article>
<footer>
<p>تمامی حقوق محفوظ است.</p>
</footer>
<p>متن</p>
)lang
در تگ <html>
را برای صفحات فارسی تنظیم کنید<header>
, <nav>
, <main>
استفاده نماییدیادگیری HTML اولین و حیاتیترین گام در مسیر طراحی وب است. با تسلط بر این زبان میتوانید ساختارهای پیچیده ایجاد کنید که پایهای مستحکم برای طراحیهای پیشرفتهتر با CSS و JavaScript فراهم میآورد.
نظر خود را بیان کنید...