HTMLعناصر
در html تمامی محتویات داخل تگهای ابتدایی و انتهایی قرار میگیرند.
مثال:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
HTMLتو در تو نویسی در
تو در تو نویسی به این معنا است که میتوان بنابر نیاز، برخی تگها را داخل برخی دیگر از تگها قرار دارد.
به عنوان مثال در شکل زیر تمامی تگها داخل تگ <html> و تگهای <h1> و <p> داخل تگ <body> قرار دارند.
- کدهای html باید داخل تگ ابتدایی <html> و تگ انتهایی <html/> قرار بگیرند.
- همچنین برای تعریف بدنه باید کدها داخل <body> و <body/> قرار بگیرند.
- تگ <h1> وظیفه ساخت سربرگ یا هدر1 را برعهده دارد. لازم به ذکر است برای ساخت هدرهای سطح 2 و 3 و… باید از تگهای <h2> و <h3> و… استفاده کرد.
- تگ <p> نیز وظیفه ساخت پاراگراف برای متن درونش را دارد.
- تگ <br> یک خط braek ایجاد میکند و بدون هیچ محتوایی وارد خط بعدی میشود. نکته مهم درمورد این تگ این است که تگ پایانی ندارد.
آشنایی با برخی تگهای مهم
- با استفاده از تگ <a> میتوان لینکی به یک آدرس URL ساخته و متن مربوط به لینک را مشخص کرد.
<a href=”https://www.meta-learning.ir”> visit the site </a>
- با استفاده از تگ <img> میتوان عکس با مشخصات دلخواه را در صفحه قرار داد. مطابق مثال زیر آدرس عکس برای src تعریف میشود که میتواند آدرس URL عکس در وبسایتی دیگر (src=”https://www.meta-learning.ir/images/my image.jpg”) و یا آدرس نگهداری عکس داخل پوشه ای در سیستم خودمان باشد.
- با استفاده از ویژگی های height و weight میتوان طول و عرض عکس را مشخص کرد.
- ویژگی alt نیز با این هدف استفاده میشود که اگر به هر دلیلی عکس در صفحه وب لود نشد نوشته تعریف شده در alt نمایش داده شود.
<“img src=”my image.jpg width=”100″ height=”200″ alt=”my text”>