در این پست می خواهیم برای تازه کارها ۱۰ نکته و ترفند مهم درمورد کار با HTML بیان کنیم. اگر شما نیز به تازگی ساخت صفحات وب را آغاز کرده اید؛ این تکنیک ها به کارتان خواهد آمد. ۱- همیشه تگ های HTML تان
این صفحه می تواند برای تان خیلی مفید باشد؛ چرا که شامل متداول ترین تگ های HTML و مناسب ترین نحو و گرامر آنها می باشد. (فرمان های HTML را معمولاً Tags می نامند) فهرست ۱- تگ های پایه ۲- ویژگی های بدنه
۵ HTML از تگ <video> نیز پشتیبانی می کند. از تگ ویدئو برای پخش فایل های ویدئویی مانند کلیپ فیلم، کلیپ آهنگ در صفحه وب استفاده می شود. در حال حاضر، سه قالب ویدیویی برای تگ ویدئو در HTML پشتیبانی
تگ audio برای تعیین صداهایی مانند موسیقی و کلیپ های صوتی دیگر استفاده می شود. در حال حاضر سه قالب فایل برای تگ صوتی در ۵ HTML پشتیبانی می شود. mp3 wav ogg ۵ HTML از کنترل های <video> و <au
مهاجرت ۵ HTML، نحوه مهاجرت از ۴ HTML به ۵ HTML را مشخص می کند. در ادامه خواهیم دید چگونه می توان صفحه ۴ HTML را بدون ایجاد مشکلی در محتوا یا ساختار به صفحه ۵ HTML تبدیل کرد. جدول HTML5در HTML4در
در هر زبانی، هنگام ارتباط درک معنای کلمات ضروری است. اگر این یک ارتباط کامپیوتری باشد، آنگاه اهمیت بیشتری پیدا می کند. در نتیجه ۵ HTML عناصر پر معنایی را ارائه می دهد که درک کد را آسان می کند. معناشن
گوگل مپ در HTML برای نمایش نقشه ها در صفحه وب استفاده می شود. می توانید به سادگی نقشه را در صفحه HTML خود اضافه کنید. ساختار <!DOCTYPE html> <html> <body> <h1>First Google Map
در ۵ HTML، عناصر جدید زیادی اضافه شده است که قابلیت های بیشتری برای ایجاد یک وب سایت جذاب و پویا فراهم می کنند. با کمک این عناصر می توانید کدتان را آسان و سریع کنید. تگ های جدید ۵ HTML در جدول زیر لی
در زمان استفاده از HTML باید برخی قرارداد ها را دنبال کنید: از CSS سازگار استفاده کنید کاربر باید هنگام نوشتن HTML از سبک های سازگار استفاده کند. این باعث می شود که کد برای افراد ساده تر و قابل درک ت
آموزش ۵ HTML جزئیات مربوط به تگ های HTML شامل تگ های صوتی، تصویری، هدر، پاورقی، داده ها، مقاله و … را ارائه می دهد این آموزش HTML برای افراد مبتدی و حرفه ای طراحی شده است. ۵ HTML نسخه بعدی HTML است.
تگ <div> برای گروه بندی تعداد زیادی از عناصر HTML استفاده می شود. می دانیم که هر تگ دارای یک هدف خاص است، به عنوان مثال از تگ p برای مشخص کردن پاراگراف استفاده می شود، از تگ های <h1> تا &
عنصرcanvas (یا بوم) یک ناحیه نقشه بیتی برای کار با آن فراهم می کند. این تگ برای ترسیم گرافیکی در صفحه وب استفاده می شود. تگ < canvas > در HTML 5 برای ترسیم گرافیکی با استفاده از زبان اسکریپتی م
تگ <area> نواحی قابل کلیک یا فعال دارای لینک را در داخل نقشه=تصویر (image-map) تعریف می کند. اگر بر روی این نواحی کلیک کنید، برخی رویدادها مانند باز کردن تصویر جدید، URL جدید و … اجرا می شود. ا
تگ <var> یک تگ عبارتی است که برای تعریف متغیر در معادله ریاضی یا در متن برنامه نویسی استفاده می شود. محتوای موجود در تگ <var> در بیشتر مرورگرها با قلم مورب نمایش داده می شود، اما با استفا
تگ <ruby> حاشیه نویسی روبی را در صفحه وب نشان می دهد. اگر بخواهیم تلفظ کاراکترهای کشورهای آسیای شرقی مانند چینی و ژاپنی را نشان دهیم از حاشیه نویسی روبی استفاده می کنیم. یک یا چند عنصر <rt&g
از کوتیشن ها برای قرار دادن نقل قول در وب سایت استفاده می شود. برای انجام این کار، باید از تگ q و تگ blockquote استفاده کنید. تگ q تگ q برای قرار دادن نقل قول های کوتاه استفاده می شود. برای این کار م
تگ <meter> برای اندازه گیری داده ها در یک محدوده معین استفاده می شود. این تگ یک اندازه گیری عددی با محدوده را مشخص می کند. به عنوان یک مقیاس نیز شناخته می شود. برای نمایش میزان استفاده از دیسک،
تگ <i> بخشی از متن را با حالت متفاوتی از متن اطرافش نشان می دهد. معمولاً محتوای درون تگ <i> به صورت کج و مورب در مرورگر ارائه می شود. برای نمایش برخی از اصطلاحات فنی، عبارات، تفکرات شخصیت
تگ <em> برای تأکید روی متن خاص در یک جمله یا عبارت استفاده می شود. این تگ به متن درون خود مفهوم معنایی می بخشد و به صورت مورب در مرورگر نمایش داده می شود. ساختار <em>Write Important conte
تگ <dfn> به عنوان تگ تعریف در HTML نیز خوانده می شود. این تگ یک اصطلاح را نشان می دهد که درون محتوای یک عبارت یا جمله تعریفی در سند تعریف شده است. اصطلاح نمونه تعریفی معمولاً اولین اصطلاح در یک
تگ <del> برای نشان دادن قسمتی از متن منقضی یا حذف شده از سند استفاده می شود و محتوای حذف شده را نشانه گذاری می کند. اغلب، مرورگر آن را با یک خط کشیده شده روی متن حذف شده نشان می دهد، گرچه این س
تگ <code> برای نشان دادن کدهای کامپیوتری استفاده می شود. این تگ یک تگ عبارتی است که یک قطعه کد کامپیوتری را تعریف می کند. به طور پیش فرض، با قلم منو اسپیس (monospace) پیش فرض مرورگر (که به عنوا
تگ <cite> مستندسازی می کند. یک مرجع یا عنوان برای یک اثر خلاق، محتوای نقل قول شده، کتاب ها، وب سایت ها، یک مقاله تحقیقاتی، یک وبلاگ، نقاشی و .. مشخص می کند. هدف اصلی از اضافه کردن عنصر <cite
تگ<blockquote> برای تعریف یک بلوک متنی که از منبع دیگری نقل شده استفاده می شود. معمولاً مرورگر محتوای درون تگ <blockquote> را به صورت تورفته نمایش می دهد. اگر می خواهید یک نقل قول طولانی
تگ < bdo> مخفف “bidirectional override” و به معنی “نادیده گرفتن دو جهته” است که جهت فعلی یا پیش فرض متن را نادیده می گیرد. این تگ جهت محتوای درون خودش را برای نمایش در مرورگر از چپ به راست یا ر
تگ < bdi> مخففBidirectional Isolate و به معنای جداسازی دو جهته است. این تگ به مرورگر اطلاع می دهد که قسمتی از متن که در جهت مخالف از متن اطرافش قالب بندی شده را جدا کند و جهت متن را حفظ کند. تگ
تگ <b> متن نوشته شده را با قالب توپر نمایش می دهد. این تگ کاملاً یک عنصر ظاهری است. اگر می خواهید متن خود را با حروف توپر نشان دهید ولی از نظر معنایی اهمیتی نداشته باشد، آن را درون تگ<b>…
تگ یا عنصر <br> برای شکست خط در یک پاراگراف استفاده می شود. به طور کلی در شعر یا آدرس جایی که شکست خط لازم باشد، استفاده می شود. یک تگ خالی است، به این معنی که نیاز به داشتن تگ پایانی ندارد. نک
تگ p یک پاراگراف جدید در صفحه وب تعریف می کند. نکته قابل توجه درباره پاراگراف این است که مرورگر یک خط خالی قبل و بعد از پاراگراف اضافه می کند. تگ <p> شروع پاراگراف جدید را نشان می دهد. توجه: اگ
سرتیتر یا عنوان در HTML با تگ h تعریف می شود. با این تگ می توان عنوان و زیر عنوان ها (عناوین فرعی) را در صفحه وب نمایش داد. در مرورگر، متن قرار گرفته در تگ های عنوان به صورت توپر نمایش داده می شود و
تگ <body> تعیین کننده محتوای اصلی سند است که در مرورگر نمایش داده می شود. این تگ می تواند حاوی محتوای متن، پاراگراف ها، عناوین، تصاویر، جدول ها، لینک ها، ویدئوها و … باشد. تگ <body> باید
تگ <title> در HTML یک عنوان برای صفحه وب شما تعیین می کند. این عنوان برای بهینه سازی موتور جستجو یا سئو (SEO) ضروری است. تگ عنوان باید درون تگ <head> استفاده شود. عنوان صفحه در نوار عنوا
تگ <html> نشان دهنده ریشه یک سند HTML است، به همین دلیل به عنوان عنصر ریشه نیز نامیده می شود. این تگ یک نگهدارنده برای همه عناصر (به جز <!Doctype>) است؛ مانند<body> ، <head> و
تگ <applet> در HTML برای جاسازی اپلت جاوا در یک سند HTML مورد استفاده قرار می گیرد. این عنصر در ۴٫۰ HTML حذف شده است و به جای آن می توانیم از تگ <object> و عنصر جدید اضافه شده <embed&
تگ <address> برای تعیین اطلاعات نویسندگی مقاله یا صفحه وب استفاده می شود. این تگ می تواند شامل هر نوع اطلاعات مورد نیاز مانند؛ URL، آدرس فیزیکی، شماره تلفن، ایمیل، پیوندهای دیگر و … باشد. تگ &l
تگ <acronym> برای تعریف عبارت اختصاری همراه با صفت title برای ارائه توضیحات کامل عبارت استفاده می شود. هنگامی که ماوس را روی محتوا قرار می دهید، توضیحات کلمه در یک پنجره شناور نشان داده می شود.
تگ <abbr> برای نشان دادن نام اختصاری یا مخفف یک کلمه یا عبارت طولانی، مانند www ، HTML ، HTTP و … استفاده می شود. در بعضی مرورگرها محتوای نوشته شده بین تگ های <abbr> با خط نقطه چین در زیر
تگ لنگر یا انکور در HTML لینکی تعریف می کند که یک صفحه را به صفحه دیگر پیوند می دهد. این تگ می تواند به صفحه وب و همچنین فایل ها، مکان یا هر آدرس اینترنتی دیگر پیوند برقرار کند. صفت “href” مهمترین وی
اغلب اوقات در سند HTML قبل از تگ <html> اعلان < DOCTYPE html!> را مشاهده کرده اید. تگ <! DOCTYPE> برای اطلاع رسانی به مرورگر درباره نسخه HTML مورد استفاده در سند استفاده می شود. به
لیستی از جدیدترین تگ های موجود در HTML5 وجود دارد. این تگ ها (عناصر) در HTML5 ساختار سند را بهبود می دهند. جدول زیر تمام تگ های HTML5 را به ترتیب حروف الفبا همراه با توضیحاتشان نشان می دهد. لیست تگ ه
تگ های HTML مانند کلمات کلیدی هستند که نوع قالب بندی و نحوه نمایش محتوا را در مرورگر وب نشان می دهند. با کمک تگ ها، یک مرورگر وب می تواند تفاوت بین محتوای HTML و یک محتوای ساده را تشخیص دهد. تگ های H
رویدادهای ویندوز به اشیای ویندوز ارتباط دارند و فقط با تگ <body> به کار می روند. توضیحات ویژگی بعد از چاپ سند اسکریپت اجرا می شود. Onafterprint قبل از چاپ سند اسکریپت اجرا می شود. Onbefor
به صفات مشترک در همه عناصر html، ویژگی های عمومی گفته می شود. ویژگی های عمومی توسط هر دو عناصر استاندارد و غیر استاندارد پشتیبانی می شوند. صفات عمومی را می توان با همه عناصر استفاده کرد، اگرچه ممکن ا
URL مخفف Uniform Resource Locator می باشد که در واقع یک آدرس اینترنتی روی وب است. یک URL می تواند شامل کلمات باشد؛ مانند “javatpoint.com” یا حاوی آدرس IP باشد؛ مانند ۱۹۵٫۲۰۱٫۶۸٫۸۱٫ بیشتر کاربران از U
Charset با نام های Character Sets (مجموعه های کاراکتری) یا Encoding (رمزگذاری) نیز شناخته می شود. برای نمایش صحیح و درست صفحه وب استفاده می شود چراکه برای نمایش صحیح هر چیزی، مرورگر وب باید بداند از
بسیاری از نمادهای ریاضی، تخصصی و ارزی وجود دارند که روی صفحه کلید معمولی وجود ندارند. برای اضافه کردن چنین نمادهایی به صفحه وب باید از اسامی موجودیت های html استفاده کنیم. اگر هیچ نام موجودیتی وجود ند
موجودیت های کاراکتری به عنوان جایگزین برای کاراکترهای از پیش رزرو شده در html استفاده می شوند. برای اضافه کردن کاراکترهایی که روی صفحه کلید وجود ندارند، نیز به کار می روند. برخی از کاراکترها در html
هنگام برنامه نویسی گاهی اوقات ناگزیر هستیم تا نتایج خروجی، پیغام خطا یا قسمت کدنویسی برنامه را برای کاربر در صفحه وب نمایش دهیم. از این رو html برای حل این مشکل از تگ های مختلفی برای ورودی های کاربر،
طراحی وب سایت به صورت واکنش گرا باعث می شود تا صفحه وب به صورت مناسب، صحیح و سازگار با همه دستگاه ها (دسکتاپ، تبلت، تلفن هوشمند و …) نمایش داده شود. طراحی وب واکنش گرا از HTML و CSS برای تغییر اندازه
ایجاد طرح بندی ها از مهمترین موارد در هنگام طراحی وب سایت است، چونکه تضمین می کند که وب سایت شما به صورت مرتب و منظم نمایش داده شود و همچنین درک محتوای سایت ساده به نظر برسد. تکنیک ها و چارچوب های در
خواندن 12 دقیقه
برای دسترسی به تمامی امکانات به اکانت خود وارد شوید