یک صفحه 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 به ترتیب عرض و طول تصویر را بر حسب پیکسل مقدار دهی می‌نمایند.

دیدگاهتان را بنویسید

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