آموزش HTML – قسمت دوم(تگ ها)
سلام
در آموزش قبلی آشنایی مختصری پیدا کردیم با محتویات اصلی یک صفحه HTML و یک مثال هم نیز حل کردیم ، در این قسمت با تگ ها آشنایی بیشتر پیدا می کنیم .
همونظور که گفتیم ، یک صفحه HTML دارای تگ های اصلی :
- <html> </html>
- <head> </head>
- <body> </body>
تشکیل شده و یک نمونه صفحه HTML هم طراحی کردیم :
<html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p> www.beporsam.ir </p> </body> </html>
- Heading:
تگ های Headin از تگ <h1> تا تگ <h6> ادامه دارد که به عبارتی می شود :
<h1> Heading 1 </h1> <h2> Heading 2 </h2> <h3> Heading 3 </h3> <h4> Heading 4 </h4> <h5> Heading 5 </h5> <h6> Heading 6 </h6>
که خروجی تگ های بالا به شکل تصویر زیر است :
- پاراگراف:
برای نوشتن یک پاراگراف در صفحه میتونید متن های خودتون رو بین دو تگ <p> </p> بنوسید .
<p> www.beporsam.ir </p>
- لینک:
صفحات HTML از لینک های بسیار تشکیل شده و شما هم میتونید به راحتی لینک های خودتون را ایجاد کنید ، برای درج لینک از کد زیر استفاده کنید :
<a href="https://beporsam.ir">Link</a>
- تصاویر:
برای گذاشتن یک تصویر در صفحه از <img> میتونید استفاده کنید ، این تگ از بخش های مختلفی تشکیل شده است ، اول با نحوه نوشتن کد آشنا بشید :
<img src="beporsam.jpg" alt="beporsam.ir" width="300" height="300">
توضیحات:
- src : آدرس تصویر را باید وارد کنید .
- alt : متن جایگزین عکس ، اگر عکس به هر دلیل لود نشد این متن بجای عکس نمایش داده میشه .
- width : عرض تصویر را مشخص میکنه .
- height : ارتفاع تصویر رو مشخص میکنه .
با ما باشید تا آموزش های بعدی …
موفق باشید .
ارسال نظر
شما باید وارد شوید یا عضو شوید تا بتوانید نظر ارسال کنید