پر کاربردترین تگ‌ های HTML

اساسا می بایست تگ‌های HTML را راهبرد‌های خاصی در لحاظ گرفت که به مرورگرهای اینترنت مانند کروم یا این که فایرفاکس داده میگردد تا محتوای اینترنت را به روشی خاص سازمان‌دهی و نماد دهند. هر فرصت ما در اکنون گشت‌وگذار در وب هستیم درواقع به‌نوعی با طراحی سایت در مشهد صفحه ها اینترنت تشکیل شده با کد HTML و این تگ‌ها سروکار داریم. HTML عمدتاً برای ساخت و ساز صفحه های اینترنت و نرم افزار‌هایی به کار گیری میشود که روی مرورگرهای اینترنت مانند کروم، فایرفاکس و وب اکسپلورر فعالیت می‌نمایند. در مقاله پیش‌رو از خبرنامه فرادرس آغاز ما به زمینه که HTML و تگ‌های آن چه می باشند خوا هیم پرداخت و بعداز شناخت با این مفاهیم با ۲۶ تا از مالامال کاربردترین تگ‌ های HTML آشنا خوا هیم شد و کاربرد هرمورد را آیتم گفت و گو قرار میدهیم.

HTML چیست؟

HTML مخفف «Hypertext Markup Language» میباشد و نوعی لهجه نشان‌گذاری به حساب می‌آید که یوزرها برای تولید صفحه ها اینترنت در وب از آن به کارگیری می‌نمایند. برای تولید صفحه ها اینترنت با HTML، می‌قدرت از ویرایشگرهای متن مانند «Notepad» در کامپیوترهای ویندوز یا این که «TextEdit» در کامپیوترهای مک استفاده نمود. کلاً ویرایشگرهای متن مختلفی برای گونه های سیستم‌ دلیل وجود دارااست که استفاده کننده به‌دلخواه خویش می تواند از آن ها به کارگیری نماید. در‌این ارتباط خوب میباشد از ویرایشگرهای مصرف شود که منحصربه‌فرد این شغل می‌باشند چون این ویرایشگرها امکاناتی بالاتر از ویرایشگرهای بی آلایش ارائه می‌نمایند.

یادگرفتن ساخت وب سایت با HTML اچ تی ام ال – تکمیلی

فیلم فراگیری ساخت سایت با HTML اچ تی ام ال – تکمیلی در فرادرس

کلیک نمائید

همینطور ما یحتاج میباشد بعداز تایپ کردن کدهای HTML در فایلی خاص آن را با پسوند .html ذخیره کرد. به عنوان مثال می‌اقتدار اسم فولدر مد لحاظ را mypage.html در لحاظ گرفت. این پوشه با این پسوند بوسیله مرورگرهای اینترنت قابل‌پردازش میباشد و می‌اقتدار فیض شغل را به طور زنده در عین شغل با مالامال کاربردترین تگ‌ های HTML رویت کرد.

تگ HTML چیست؟

تگ‌‌‌های HTML مانند دستور کار‌های خاصی برای مرورگر اینترنت میباشند. آنها به مرورگر میگویند که به چه شکل مورد ها و موادتشکیل دهنده را در برگه اینترنت اکران دهد. بیشتر تگ‌ها دارنده دو نصیب میباشند: تگ نخستین یا این که گشوده شدن تگ مانند html و تگ مسدود شدن یا این که پایانی، مانند /html . تگ مسدود شدن دقیقاً مانند تگ آغاز یا این که تگ گشوده شدن میباشد البته پیش از آن نشان اسلش رو به جلو (/) داراست. حدود ۱۰۰ تگ HTML وجود داراست و آنها در تیم‌بندی‌هایی مختلفی قرار می گیرند.

کاربری در حالا فعالیت با تگ های HTML در کاغذ اینترنت

وقتی‌که سروری شیت اینترنت را می خواند، پردازش از بالا آغاز میشود و به سمت زیر می‌رود. یوزرها می توانند به تعداد مایحتاج از تگ‌های HTML استعمال نمایند تا صفحه ها خویش را در تارنما یا این که اپلیکیشن‌های متفاوت به اکران بگذارند. بایستی بدین نکته دقت داشت که مجموع تگ‌های HTML در براکت‌های <> محدود گردیده‌اند و هر تگ شغل متفاوتی را اجرا می دهد. اکثر آن ها هم تگ استارت یا این که گشوده شدن tag و هم /tag مسدود شدن دارا‌هستند.

تفاوت تگ‌ های HTML با موادسازنده HTML و خصوصیت‌ های HTML چیست؟

یوزرها معمولی اکثر وقت ها از لغت ها تگ‌های HTML و ارکان HTML به‌مکان همدیگر به کارگیری می‌نمایند که انگار معنا یکسانی دارا هستند ولی از نگاه فنی مقداری متعدد میباشند. تگ‌های HTML برای ساختاردهی به کاغذ اینترنت گزینه استعمال قرار می گیرند. آنان اسم‌هایی محسوب می گردند که مخاطب برای تعریف قسمت‌های متفاوت ورقه اینترنت مانند سرفصل‌ها، جمله‌ها یا این که ارتباطات از آنها به کار گیری می‌نماید. از جمله، p نوعی تگ HTML میباشد که به مرورگر میگوید که با گزاره سروکار دارااست.

از طرفی دیگر عنصرها HTML به عبارتی چیزی میباشد که با به کارگیری از این تگ‌ها ساخت و ساز می شوند. آنان مانند محتوای حقیقی درون آن تگ‌ها می باشند. به این ترتیب، زمانی متنی فی مابین دو تگ p و /p قرار میگیرد، آحاد این متن، مثلا تگ‌ها و خویش متن، به عنصر HTML تبدیل میشوند. خصوصیت‌های HTML هم داده ها و جزئیات خرد مازاد می‌باشند که می‌اقتدار به‌این موادسازنده اعطا کرد. از جمله، در موادتشکیل دهنده دکمه مانند کاغذ، می‌اقتدار خصوصیت‌هایی مانند id  و class را اضافه کرد تا داده ها بیشتری راجع به دکمه ارائه بخشید. از جمله، button id=\"SubmitOrder\" class=\"btn\">Orderمثال‌ای میباشد که در آن id و class خصوصیت‌هایی button می باشند.

مالامال کاربردترین تگ‌ های HTML

HTML، که راهی برای ساختار محتوای اینترنت میباشد، از هنگامی که برای نخسین بار توسط گروه «برنرز لی» (Tim Berners-Lee) در سال ۱۳۷۱ (۱۹۹۳ میلادی) معرفی شد، رویه وقت گیر را پیموده میباشد. در صدر، صرفا ۱۸ تگ برای تعریف و تمجید ساختار صفحه های اینترنت مو جود بود ولی از آن مجال تا به امروز HTML رویش کرده و بهبود یافته میباشد. هم‌اینک در حدود ۱۰۰ تگ HTML وجود داراست که ما درین مقاله ٣٠ تا از مالامال کاربردترین تگ‌ های HTML را موردبحث قرار می دهیم. واپسین ورژن این لهجه نماد‌گذاری محتوا یعنی «HTML5»، در سال ۱۳۹۳ (۲۰۱۴) عرضه شد که تگ‌های جدیدی مانند article و header ،footer را معرفی کرد که تعریف محتوا را در شیت اینترنت سهل و آسان‌خیس می‌نمایند.

گروه یادگرفتن ساخت سایت با HTML و CSS – مقدماتی تا توسعه یافته

فیلم تیم فراگیری ساخت وب سایت با HTML و CSS – مقدماتی تا توسعه یافته در فرادرس

کلیک نمائید

۱. DOCTYPE در HTML

DOCTYPE  اصولا نوعی تگ HTML وجود ندارد ولی مانند اعلامیه‌ای خاص برای مرورگر اینترنت شغل می‌نماید. !DOCTYPE  به مرورگر می گوید که چه نوع سندی قرار میباشد لود خواهد شد. اصولا به صورت خاص، میگوید که چه ورژن‌ای از HTML به کارگیری می شود. در HTML5، می‌قدرت از یک کدام از اعلان‌های تحت بهره برد:

!DOCTYPE html

doctype html

کاربری در حالا به کارگیری از عنصر DOCTYPE در کاغذ اینترنت

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

۲. تگ html

پس از اعلان !DOCTYPE ، تگ html وجود داراست. این تگ اساسا مانند محیط یا این که کانتینر اساسی تک تک کاغذ اینترنت کار می‌نماید. هر چیز دیگری که در شیت اینترنت اکران بخشید میشود درین تگ html قرار می گیرد. طریق به کارگیری از این تگ به طور ذیل میباشد:

مجموع محتوای شیت اینترنت در‌این قسمت قرار می‌گیرد.

به گویش بی آلایش، تگ html به مرورگر اینترنت می گوید که مدرک نوعی کاغذ اینترنت میباشد و آغاز و نقطه نهایی مدرک HTML را معلوم می‌نماید.

۳. تگ head در HTML

در باطن تگ html ، قسمت اصلی دیگری به اسم تگ head وجود دارااست که از مهمترین و لبریز کاربرترین تگ‌ های HTML به حساب می‌آید که‌این تگ با نشان head معلوم شد‌ه‌است. نصیب head داده ها ضروری راجع به کاغذ اینترنت مانند تیتر و مولف آن را در خویش داراست. ولی نکته اساسی اینجاست که هر چیزی که در قسمت head میباشد در بنا شده در خویش کاغذ اینترنت نشانه داده نمی شود. سینتکس به کار گیری از این تگ به طور پایین میباشد:

تیتر برگه در‌این نصیب قرار خواهد گرفت

می بایست بدین نکته دقت داشت که با این تگ می‌اقتدار جزئیات پشت‌صحنه برگه اینترنت، مانند تیتر و مولف آن را قرار بخشید. مرورگر برای ادراک و اکران درست کاغذ از این تگ به کارگیری می‌نماید.

۴. تگ title از پرکاربرترین تگ های HTML

در نصیب head کاغذ اینترنت، از تگ title برای اعلام تیتر برگه اینترنت استعمال میگردد. این تیتر در نوار تیتر یا این که صفحه مرورگر اینترنت آرم داده گردد ولی در برگه اینترنت حقیقی وواقعی که یوزرها میبینند ظواهر نمی شود. در اینجا طرز به کار گیری از این تگ آمده میباشد:

به عنوان مثال در کد بالا، وقتی که فردی به مرورگر خویش نگاه می‌نماید، HTML Tags for Beginners را در نوار تیتر یا این که کاغذ می‌بیند که به آنها امداد می‌نماید ورقه اینترنت را شناسایی کرده و مقصود آن را بفهمند.

۵. تگ body در HTML

تگ body مانند چارچوب یا این که محیط مهم کاغذ اینترنت میباشد و مشمول تمامی‌چیزهایی خواهد بود که یوزرها در ورقه اینترنت می بینند، مانند تصاویر، پیوند‌ها، متن و ویدیوها. در درون تگ‌های body و /body ، می‌قدرت تگ‌های متعدد دیگری را برای ساختار محتوای قرار بخشید. مثلا، می‌اقتدار از تگ p برای گزاره‌ها، a برای ارتباطات، strong برای پر رنگ کردن متن و ol برای ساخت‌و‌ساز لیست‌های شماره‌دار به کار گرفت. وقتی که از تگ body به کار گیری می شود، مانند این میباشد به مرورگر گفته خواهد شد که هر چیز درین تگ قرار بگیرد بایستی به استفاده کننده آخری اکران داده گردد. در نمونه تحت شیوه استعمال از این تگ پر استفاده HTML آمده میباشد:

محتوای این نصیب در ورقه اینترنت برای یوزرها آخری قابل اکران میباشد

تگ body اصولا جایی میباشد که تمامی موادسازنده قابل‌اکران در ورقه اینترنت در آن قرار می گیرند و بدنه اساسی کاغذ میباشد.