یک صفحه 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
برای اینکه یک متن را به پاراگراف تبدیل کنیم کافی است آنرا میان دو تگ <P> <p/> قرار دهیم.
<!DOCTYPE html> <html> <body> <p>این یک پاراگراف است</p> <p>این یک پاراگراف دیگر است</p> </body> </html>
خروجی کد بالا:
ایجاد لینک در html
<!DOCTYPE html> <html> <body> <a href="https://www.blog.tehrancode.com">آموزش طراحی سایت تهران کد</a> </body> </html>
خروجی کد بالا:
نمایش عکس در html
<!DOCTYPE html> <html> <body> <img src="photo.jpg" alt="html photo learn" width="104" height="142"> </body> </html>
نام کامل عکس را همراه با فرمت در مقابل src مینویسیم. قسمت alt ضروری نیست اما اگر متنی درون آن قرار دهیم در صورت لود نشدن تصویر آن متن به نمایش در میاید. width و height به ترتیب عرض و طول تصویر را بر حسب پیکسل مقدار دهی مینمایند.