درباره فایل ها و اسناد html:
تمامی اسناد html دارای تگ <DOCTYPE html!> هستند.
تمامی فایل های HTML با تگ <html> شروع شده و با تگ <html/> پایان می یابند.
کدهایی که برای کاربران قابل نمایش می شوند را داخل تگ <body> و <body/> می نویسیم.
مثال:
<!DOCTYPE html>
<html>
<body>
<h1>تیتر</h1>
<p>متن پاراگراف</p>
</body>
</html>
از این پس تگ های html که پیشفرض هستند در آموزش آورده نمی شوند و شما باید تگ هایی که گفته می شود را مانند مثال بالا بین تگ های <body> و <body/> قرار دهید.
تیتر یا heading در html:
برای اینکه متن های هدینگ یا درشت را در متن ها و تیترها با html نمایش دهید از <h1> تا <h6> استفاده می کنیم.
هرچه عدد h کمتر باشد تیتر درشت تر نمایش می یابد!
مثال:
<h1>متن تیتر</h1>
<h2>متن تیتر</h2>
<h3>متن تیتر</h3>
<h4>متن تیتر</h4>
<h5>متن تیتر</h5>
<h6>متن تیتر</h6>
پاراگراف در html:
با پاراگراف متن عمومی را برای کاربران نمایش می دهیم. تگ پاراگراف <p> می باشد.
مثال:
<p>متن را اینجا بنویسید</p>
<p>پاراگراف بعدی را اینجا بنویسید</p>
لینک در html:
برای ساخت لینک در html از تگ <a> استفاده می کنیم.
مثال:
<a href="http://chasboon.ir">این یک لینک است</a>
با کلیک بر روی لینک بالا وارد سایت چسبون می شوید. با خاصیت href می توانید لینک را به هر مکان یا سایتی هدایت کنید.
نکته: خاصیت یا attributes چیست ؟
خاصیت یا attributes برای ارائه بیشتر امکانات به عناصر HTML مورد استفاده قرار میگیره!
عناصر چه هستند؟
عناصرها همون تگ های ما هستند مثل تگ <a> یا تگ <p> .
تصاویر و عکس در html:
برای اینکه در فایل html تصویری جایگذاری کنیم از تگ <img> استفاده می شود.
- src : مسیر+نام فایل تصویر
- alt : نام یا توضیحات تصویر
- width : پهنای تصویر
- height : ارتفاع تصویر
<img src="chasboon.jpg" alt="chasboon" width="200" height="200">
نکته: هرجا که فایل html قرار دارد همانجا تصویر را قرار دهید. برای مثال اگر فایل html در دسکتاپ است، فایل عکس را هم همانجا قرار دهید.
درباره خاصیت ها در جلسات بعدی بیشتر توضیح می دهیم.