آموزش html تگ body تگ head تگ html تگ a تگ abbr در سایت آموزی

آموزش html برای همه افرادی که قصد دارند، یادگیری طراحی سایت را استارت بزنند ضروری است.

پس اگر جزو افراد علاقمند به یادگیری هستید و اطلاعاتی در این زمینه ندارید یا تازه شروع کرده‌اید، html را بایستی بطور کامل بگیرید. سایت آموزی تدریس کامل زبان html را از صفر تا صد برای شما همراهان گرامی ارائه می دهد.

آموزش html تگ body تگ head تگ html تگ a تگ abbr - سایت آموزی

ساخت یک سند HTML

ایجاد یک فایل اچ تی ام ال به راحتی یک آب خوردن است.

برای ایجاد اسناد html نه به برنامه خاصی نیاز دارید و نه به سیستم عامل بخصوصی.

در واقع شما فایل‌های html را می‌توانید حتی به کمک نرم‌افزار NotePad ویندوز نیز ایجاد کنید.

با این وجود توصیه می‌کنیم برای راحت‌تر نوشتن کدها و همچنین فهم بهتر مطالب از نرم افزارهای ویرایش متن رایگان همچون ++Notepad یا Sublime Text و یا Adobe dream viewer و… استفاده کنید.

تگ‌ها (Tag)

اولین جمله هر سند اچ تی ام ال <DOCTYPE html!> است.

این بخش در واقع به همه بیان می‌کند که ما در حال ایجاد یک صفحه HTML با نسخه ۵ هستیم.

پس  اولین کاری که انجام می‌دهیم، آن است که همین کلمه را در ابتدای سند بنویسیم.

اگر نگاهی به صفحه ساده‌ای که برایتان مثال زدیم نیز بیندازید, در خط اول کلمه <!DOCTYPE html> را می‌بینید.

پس بخاطر داشته باشید که ما همیشه آن را در اولین خط از کدهایمان قرار می‌دهیم.

تگ html

دومین رکن اصلی هر صفحه HTML ، استفاده از تگ های باز و بسته <html> و <html/> است.

که برای شروع نوشتن زبان اچ تی ام ال از آن استفاده می‌کنیم.

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

تگ head

بین دو تگ <html> و <html/> تگ‌های جدیدی با اسم تگ باز <head> و تگ بسته <head/> قرار می‌گیرند.

به این عمل, یعنی قرار دادن یک تگ در دل تگ دیگر ، nest می‌گویند.

تگ <head> و <head/> در برگیرنده اطلاعات ابتدایی را در رابطه با صفحه html است.

مثلا می‌گوید نویسنده این صفحه چه کسی است یا توضیحاتی در رابطه با خود سایت ارائه می‌کند.

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

تگ Body

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

هر متنی که در این بخش خارج از تگ به خصوصی بنویسید در صفحه وبتان دیده نمی شود.

تگ body به عنوان پدر تگ های درونی خود محسوب می شود.

و مانند سایر تگ ها از قانون سلسله مراتبی در زبان html تبعیت می کند.

body پس از تگ های meta ، head ، html و title و.. در سند html به کار می رود.

درون تگ body تگ های مهمی جهت طراحی چارچوب سایت استفاده می شوند.

تگ a

لینک دادن به معنی ایجاد پیوندهای داخلی و خارجی در صفحه یا صفحات مختلف به یکدیگر می باشد.

برای ایجاد لینک بر روی متن و یا حتی عکس مورد نظر ، از تگ a استفاده می شود.

همانطور که در شکل می بینید ، تگ a نیز دارای دو بخش تگ بازOpening-tag ) و تگ بستهClosing-tag ) می باشد.

تگ abbr

آموزش html تگ body تگ head تگ html تگ a تگ abbr - سایت آموزی

تگ <abbr> برای نشان دادن یک مخفف استفاده می شود.

این تگ اغلب با خاصیت عمومی title همراه است که امکان ارائه عبارت کامل یک مخفف را فراهم میکند.

در صورت استفاده از خاصیت عمومی title فقط از عبارت کامل مخفف باید استفاده کرد .

تگ acronym

تگ <acronym> مخفف یک عبارت را نشان می دهد.

با علامت گذاری مخفف یک عبارت، اطلاعات مفیدی به مرورگرها، سیستم های مترجم و موتور های جستجو ارائه می دهید.

تگ <acronym> به عنوان یکی از تگ های منسوخ در HTML5 محسوب می شود.

و به جای آن معمولا از تگ abbr استفاده می شود.

تگ applet

تگ <applet> برای فراخوانی برنامه های کوچک جاوا که تنها سمت کاربر اجرا می شود و اپلت نام دارد استفاده می شود.

تگ <applet> در HTML5 پشتیبانی نمی شود.

به جای آن می توان از تگ <object> و یا تگ embed استفاده کرد.

تگ area

تگ area منطقه ای را در داخل یک image-map مشخص می کند. ( image-map به تصویری گفته می شود که بعضی قسمت های آن قابلیت کلیک کردن دارد )

تگ <area> همیشه داخل یک تگ <map> قرار می گیرد.

تگ article

آموزش html , تگ body , تگ head , تگ html , آموزش کاربردی زبان html

یکی از تگ های جدید در اسناد html که در نسخه ۵ این زبان اضافه شد، تگ article می باشد.

تگ article به عنوان یکی از تگ های مستقل در سند html کاربرد دارد.

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

تگ aside

تگ <aside> نشان دهنده یک بخش از صفحه می باشد که شامل محتوایی است که در حاشیه محتوای اصلی مربوط به آن قرار میگیرد و می تواند جدا از محتوای اصلی در نظر گرفته شود.

این تگ عمدتا به عنوان سایدبار سایت نشان داده میشود.

درون تگ <aside> اغلب توضیحات جانبی، مانند تعریف لغات یا چیزهایی که کمتر به محتوای اصلی مرتبط هستند مانند تبلیغات ، زندگینامه نویسنده و یا برنامه های کاربردی وب سایت ها ، اطلاعات پروفایل و یا لینک وبلاگ های مرتبط و… قرار می گیرد.

تگ audio

تگ audio تعیین صوت، مانند موسیقی یا دیگر جریان های صوتی را مشخص می کند.

در حال حاضر سه نوع فرمت صوتی در تگ audio پشتیبانی می شود که عبارتند از: MP3 ، Wav و Ogg

تگ b

تگ <b> در html باعث میشود که محتوای آن به صورت توپر و bold  نشان داده شود.

تگ b مانند بسیاری از تگ های html دارای یک تگ باز ( opening tag ) و یک تگ بسته ( closing tag ) می باشد.

درون تگ باز و بسته محتوایی که می خواهید در سند html برجسته کنید را قرار دهید.

تگ base

آموزش html , تگ body , تگ head , تگ html , آموزش کاربردی زبان html

آموزش html , تگ body , تگ head , تگ html , آموزش کاربردی زبان html | آموزش html , تگ body , تگ head , تگ html , آموزش کاربردی زبان html | آموزش html , تگ body , تگ head , تگ html , آموزش کاربردی زبان html

تگ <base> یک URL مورد نظر پایه برای تمام URL های نسبی در یک سند مشخص می کند.

اگر این تگ وجود نداشته باشد ، URL پایه ، URL پوشه حاوی سند خواهد بود.

تگ <base> درون تگ head و همواره به عنوان اولین تگ موجود درون این تگ استفاده می شود.

تگ های دیگر در بخش head را پس از تگ <base> قرار می گیرند.

تگ basefont

تگ basefont جهت تغییر نوع ، اندازه و رنگ متن در سند HTML به کار می رفت.

این تگ در HTML5 پشتیبانی نمی شود. و به عنوان یکی از تگ های منسوخ در سند HTML شناخته می شود.

تگ basefont به طور پیش فرض رنگ، سایز و نوع فونت را به تمام متون موجود در سند HTML اختصاص می داد.

اخیرا اینگونه کارها به راحتی توسط css انجام می شود.

تگ big

تگ <big> در سند HTML قسمتی از متن را برجسته تر نشان می دهد.

تگ big نیز به عنوان یکی از تگ های منسوخ در سند html شناخته می شود، بطوریکه در HTML5 پشتیبانی نمی شود.

تگ bdi

آموزش html , تگ body , تگ head , تگ html , آموزش کاربردی زبان html

آموزش html , تگ body , تگ head , تگ html , آموزش کاربردی زبان html | آموزش html , تگ body , تگ head , تگ html , آموزش کاربردی زبان html | آموزش html , تگ body , تگ head , تگ html , آموزش کاربردی زبان html

تگ <bdi> برای جهت دادن به متن یا کاراکتراهایی که خارج از زبان اصلی صفحه بوده و از لحاظ فرمت با آن فرق دارد استفاده می شود.

تگ bdi جهت تعبیه محتوایی که کاربر ایجاد می کند و جهت نوشتاری که زبان آن نامشخص است به کار می رود.

bdi مخفف Bi-Directiona-Isolationl  یعنی جدا سازی دو جهته می باشد.

تگ <bdi> یک تگ جدید در HTML5 است. و در HTML 4.0.1 وجود نداشته است.

تگ bdo

تگ bdo جهت فعلی متن را نادیده می گیرد.

bdo مخفف Bi-Directional Override و به معنای نادیده گرفتن دو جهته میباشد.

تگ blockquote

تگ blockquote یک عنصر برای نقل قول در html می باشد، و متن محصور شده یک نقل ​​قول طولانی است.

معمولا، این عنصر از نظر ظاهری به صورت تو رفته نشان داده میشود.

تگ body

تگ body بدنه سند را تعریف می کند و شامل تمام محتویات یک سند HTML ، مانند متن، لینک ها، تصاویر، جداول، لیست ها، و غیره است.

یعنی شما در وبسایت خود هر آیتم بصری را باید درون تگ <body> ایجاد کنید.

به عبارت دیگر چارچوب دیداری سایت شما شامل تگ های زیادی است.

تگ br

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

تگ br به عنوان یک تگ خالی یا تگ تهی شناسایی می شود.

به عبارت دیگر تگ <br> مانند برخی از تگ های سند HTML تنها شامل تگ باز ( opening tag ) می باشد و تگ پایانی ( تگ بسته ) (closing tag ) را ندارد.

تگ button

آموزش html , تگ body , تگ head , تگ html , آموزش کاربردی زبان html

آموزش html , تگ body , تگ head , تگ html , آموزش کاربردی زبان html | آموزش html , تگ body , تگ head , تگ html , آموزش کاربردی زبان html | آموزش html , تگ body , تگ head , تگ html , آموزش کاربردی زبان html | آموزش html , تگ body , تگ head , تگ html , آموزش کاربردی زبان html

تگ button یک دکمه قابل کلیک را در سند شما تعریف می کند.

علی رغم اینکه