• آموزش html
  • تهران کد

مفاهیم پایه‌ای HTML

سپتامبر 18, 2017adminskآموزش htmlبدون دیدگاه

یک صفحه html با تگ <html> شروع شده و تمامی تگ های دیگر را در خود گنجانده و با تگ <html/> خاتمه می‌یابد.

تمام محتوایی که در صفحه نمایش داده می شوند در بدنه سایت و بین تگ <body> و تگ بسته آن <body/> قرار میگیرند.

زبان html به کوچک و بزرگی کلمات حساس نیست.

تگ های سربرگ:

در زبان html شش تگ سربرگ وجود دارد:

<!DOCTYPE html>
<html>
<body>

<h1> h1 سربرگ </h1>
<h2> h2 سربرگ </h2>
<h3> h1 سربرگ </h3>
<h4> h1 سربرگ </h4>
<h5> h1 سربرگ </h5>
<h6> h1 سربرگ </h6>

</body>
</html>

به این ترتیب بزرگترین تگ سربرگ h1  و کوچکترین آنها h6 می‌باشد.

خروجی کد بالا:

پایه html

پاراگراف در html

برای اینکه یک متن را به پاراگراف تبدیل کنیم کافی است آنرا میان دو تگ <P> <p/> قرار دهیم.

<!DOCTYPE html>
<html>
<body>

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

</body>
</html>

خروجی کد بالا:

اموزش پاراگراف در html

ایجاد لینک در html

لینک های html

<!DOCTYPE html>
<html>
<body>
 <a href="https://www.blog.tehrancode.com">آموزش طراحی سایت تهران کد</a> 

</body>
</html>

خروجی کد بالا:

ایجاد لینک html

نمایش عکس در html

<!DOCTYPE html>
<html>
<body>


<img src="photo.jpg" alt="html photo learn" width="104" height="142">

</body>
</html>

نام کامل عکس را همراه با فرمت در مقابل src می‌نویسیم. قسمت alt ضروری نیست اما اگر متنی درون آن قرار دهیم در صورت لود نشدن تصویر آن متن به نمایش در می‌اید. width و height به ترتیب عرض و طول تصویر را بر حسب پیکسل مقدار دهی می‌نمایند.

دیدگاهتان را بنویسید لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

بخش بندی آموزش HTML

  • آموزش html مقدمه
  • شروع کار با HTML در رایانه شخصی
  • مفاهیم پایه‌ای HTML
  • المان های HTML
  • صفت یا اتریبیوت ها در HTML
  • تگ های عنوان در HTML
  • پاراگراف ها در HTML
  • استایل دهی مستقیم به تگ ها
  • فرمت دهی به متن در HTML
  • نقل قول و عناصر استنادی در HTML
  • رنگ ها در html
  • css در HTML
  • لینک ها در HTML
  • عکس ها در HTML
  • جدول ها در HTML
  • لیست ها در html
  • المان های block و inline
  • تگ iframe در html
  • تگ script در HTML
  • تگ head در html
  • صفحه چینی در html
  • HTML واکنشگرا
  • کاراکتر های رزرو شده
  • فرم ها در HTML
  • سایر تگ ها در فرم
  • input type های مختلف در فرم
  • اتریبیوت های فرم
  • ویدیو در HTML
  • پخش صدا در html