آموزش سریع HTML با معرفی تگ های پرکاربرد

1401/04/02   09:48
اچ تی ام ال یا HTML یک زبان نشانه گذاری است که از آن برای طراحی صفحات وب استفاده می کنند. در این مقاله سعی دارم چند تگ پرکاربرد این زبان رو به شما یاد بدهم تا بتوانید به سرعت با این زبان آشنایی پیدا کنید.
آموزش سریع HTML با معرفی تگ های پرکاربرد

تگ های html چیستند؟

این تگ ها در واقع پایه و اساس صفحات وب هستند و شما هیچ سایتی را بدون این کد ها نمی بینید.

این تگ ها به صورت <tag > هستند که بیشتر تگ هابه این صورت بسته میشوند: <tag/>

در ادامه پر کاربرد ترین این تگ ها را باهم بررسی خواهیم کرد.

تگ <html> :

این تگ مادر همه کد های وب هست و به مرورگر میفماند که این صفحه با زبان html نوشته شده است این تگ نیاز به بسته شدن دارد و به صورت <html/> بسته میشود. و مابقی تگ هایی که در ادامه معرفی میکنم باید بین تگ باز و بسته باشند.

تگ <head> :

این تگ در واقع در صفحه وب دیده نمیشود و کاری های از قبیل عنوان دهی به صفحه و همچنین ایکون را هم برعهده دارد.

این تگ باید به این صورت : <html > <head> </head></html>

درون تگ html نوشته شود درواقع این تگ زیر مجموعه تگhtml میباشد.

تگ <title>

این تگ عنوان صفحه را مشخص میکند. همه وب سایت ها دارای یک عنوان هستند. این تگ زیر مجموعه تگ Head میباشد و باید درون این تگ قرار بگیرد همچنین باید این تگ را ببنید. برای نوشتن عنوان صفحه بدین صورت عمل کنید :

<title>عنوان نمونه </title>

تگ <body >

درواقع شما هر ان چه که درون صفحات وب میبینید درون این تگ قرار دارند. این تگ زیر مجموعه بسیاری از کد هامیباشد. این تگ نیز باید درون تگ html قرار بگیرد. این تگ باید به این صورت بسته شود: <body/>

تگ <p>

این تگ برای نوشتن متن میباشد. متنی که شما مینویسید باید به این صورت نوشته شود :

<p>متن نمونه</p>

البته برای نوشتن متن تگ های بیشتری هم وجود دارد که در ادامه همین مقاله ان ها را معرفی میکنم.البته که اگر همینطوری و بدون تگ هم داخل html بنویسید متن حساب میشه اما بعد در استایل دهی به مشکل میخورید.

تگ <br/>

یک نکته ای که در هنگام نوشتن متن باید رعایت کنید این است که فاصله تاثیری بر متن ندارد و اگر شما یک خط فاصله بدید هیچ اتفاقی نمی افته. این تگ میاد این کارو براتون انجام میده و اگر بین متن این تگ رو بنویسید متن ادامه به خط بعد میره. این تگ یک تگ سینگل میباشد یعنی نیازی به بسته شدن ندارد. این تگ باید میان تک های متن قرار بگیرد.

برای مثال:

<p>خط اول</br>خط دوم</p>


تگ : <sub>

این تگ به چه دردی میخورد؟

برای مثال شما میخووهید فرمول شیمیایی اب را که H2O است به نمایش بگذارید میدانید که عدد 2 باید کمی پایین تر باشد. در واقع تگ sub این کار را برایتان میکند.

این تگ باید در بین تگ های متنی قرار بگیرد. برای مثال فرمول شیمیایی آب را می توانیم این گونه با این قطعه کد نشان بدهیم:

<p>H<sub>2 </sub>O </p>

تگ <sup>

این تگ بر عکس تگ sub است و برای نوشتن عدد توان دار کاربرد دارد. این تگ هم یک تگ بسته است و باید آن را ببندید. برای مثال برای نشان دادن رابطه فیثاغورس از این قطعه کد استفاده میکنم:

<p>a <sup>2 </sup>+b <sup>2 </sup>=c<sup>2 </sup></p>


امتیاز دهی به مقالهScoring the article



 
ثبت نظر یا سوالRegister comments or questions
نام و نام خانوادگیfirst name and last name
ارسال
نظراتComments   (0)
ترتیب
دلار: 59,019تومانبیت کوین: 67,652 دلار
590190
fa