در این جلسه در مورد تگ title ، تگ <br> و تگ های قالب بندی متن بحث می کنیم.
تگ title :
به منظور قرار دادن عنوان برای هر tab از صفحات وب، تگ title را به بخش head اضافه می کنیم.
<html> <head> <title> first page </title> </head> <body> <p> This is a paragraph. </p> <p> This is another paragraph. </p> </body> </html>
نتیجه را در تصویر زیر مشاهده می کنیم:
تگ title به این دلیل که معرف صفحه وب می باشد، دارای اهمیت است و توسط موتورهای جستجو استفاده می شود.
شکستن خطوط در HTML
برای ایجاد یک خط جدید در متن، بدون اینکه یک پاراگراف جدید بسازیم، می توانیم از تگ <br> استفاده کنیم؛ به طور مثال با نوشتن کد زیر در notepad و اجرای آن در مرورگر، می توانیم نتیجه ای شبیه تصویر دوم که در زیر آمده، داشته باشیم.
<html> <head> <title> first page </title> </head> <body> <p> This is a paragraph. </p> <p> This is another paragraph. </p> <P> This is <br> a line break. </p> </body> </html>
در HTML به تگ هایی شبیه به <br> که تگ پایانی ندارند، تگ خالی می گویند.
تگ های قالب بندی
در اینجا لیستی از تگ هایی که فرمت متن را تعیین می کنند، می آوریم، به محل قرارگیری آن ها در کد زیر دقت کنید:
<html> <head> <title> first page </title> </head> <body> <p> This is a regular text </P> <p><b> Bold text </b></p> <p><big> Big text </big></p> <p><small> Small text </small></p> <p><strong> Strong text </strong></p> <p><i> Italic text </i></p> <p><ins> Inserted text </ins></p> <p><del> Deleted text </del></p> <p><sub> Subscripted text </sub></p> <p><sup> Superscripted text </sup></p> </body> </html>
نتیجه به کار بردن این تگ ها را در تصویر زیر می بینید:
تگ <b> متن را ضخیم می کند.
تگ <big> متن را درشت می کند.
تگ <small> باعث کوچک شدن متن می شود.
تگ <strong> شبیه تگ <b> عمل کرده و نوشته را ضخیم می کند.
تگ <i> نوشته را اُریب یا ایتالیک می کند.
تگ <em> همانند تگ <i> عمل کرده و متن را اُریب می کند، (تگ های <strong> و <em> بااهمیت بودن متن را می رسانند).
تگ <ins> زیر متن خط می کِشد.
تگ <del> یک خط روی نوشته می کِشد.
تگ <sub> متن را زیرنویس و تگ <sup> متن را بالانویس می کنند. برای اینکه کارکرد تگ های <sup> و <sub> را بهتر متوجه شوید به مثال زیر توجه کنید:
<html> <head> <title> first page </title> </head> <body> <p> X<sup>2</sup>+Y<sup>2</sup>=Z<sup>2</sup> </p> <p> X<sub>2</sub>+Y<sub>2</sub>=Z<sub>2</sub> </p> </body> </html>
همانطور که مشاهده کردید در این جلسه کاربرد تگ title و تگ <br> را بررسی کردیم. همچنین نحوه تغییر ظاهر متن را با استفاده از تگ های تغییر فرمت یاد گرفتیم.
دیدگاه بگذارید