با سلام
امیدوارم همگی تا این لحظه از آموزش های ما لذت برده باشید.
در این آموزش قصد داریم تا شما را با تگ nav در HTML آشنا کنیم.این تگ به شما اجازه خواهد داد تا منو ناوبری ایجاد و از آن استفاده کنید.
تگ nav در HTML شما را قادر می سازد تا به آسانی منوی ناوبری برای خود ایجاد کنید و شکل کلی آن به صورت زیر می باشد :
<nav> <a href="#"> Link 1 </a> <a href="#"> Link 2 </a> | <a href="#"> Link 3 </a> | <a href="#"> Link 4 </a> | </nav>
شما برای استفاده بهتر از این تگ می توانید از css های مختلف جهت ارائه زیباتری از منوهای خود استفاده کنید.
با سلام
امیدوارم حال همتون خوب باشه.
در این آموزش قصد داریم تا شما را با تگ Audio در HTML آشنا کنیم که به شما این اجازه را خواهد داد تا صوت و موزیک هایی که قصد دارید در سایتتون قرار بدید رو به صورت صحیح نمایش دهید.
پس با ما همراه باشد.
این تگ هم مانند تگ video در HTML که در درس قبل به شما آموزش داده بودیم می باشد .شما باید براساس اینکه کاربران شما از کدام مرورگر استفاده می کنند در فرمت های مختلف صوت خود را ارائه کنید تا وقتی کاربران از مرورگرهای مختلف مانند Google Chrome ، Mozila Firefox، Safari و … استفاده می کنند سایت شما به درستی لود شود و نمایش صوت به درستی صورت پذیرد.
بهترنی فرمتی که می توانید از ان استفاده کنید فرمت Mp3 می باشد که در همه مرورگرها پشتیبانی می گردد.
برای مثال فرمت Wav در اینترنت اکسپلورر پشتیبانی نمی گردد.
پس بهتراست از فرمت Mp3 استفاده کنید.
شکل کلی تگ Audio به شکل زیر می باشد :
<audio> <source src="music.mp3" type="audio/mpeg"> متنی که در صورت پشتیبانی نشدن توسط مرورگر نمایش داده می شود. </audio>
همانطور که میبنید برای تگ Audio صفت Type تعیین می گردد که برای فرمت های مختلف ،مقدارهای زیر را به ترتیب در بر می گیرد :
| فرمت فایل | مقدار صفت Type |
| MP3 | audio/mpeg |
| WAV | audio/wav |
| Ogg | audio/ogg |
شما می توانید برای صوت خود امکان کنترل ، پخش خودکار و … را فعالسازی کنید که لیست مقادیری که می توانید به این تگ تخصیص دهید در جدول زیر قرار دارد :
| نام مقادیر قابل فعالسازی | مقدار | توضیحات |
| autoplay | autoplay | پخش خودکار فایل صوتی |
| controls | controls | ایجاد دکمه های کنترل فایل صوتی |
| loop | loop | تکرار دوباره فایل صوتی پس از اتمام |
| muted | muted | اجرای فایل صوتی در حالت بی صدا |
| preload | auto metadata none | تنظیم اجرای فایل صوتی همراه با بارگذاری صفحه |
| src | URL | آدرس فایل صوتی |
برای استفاده از مقادیر جدول بالا به شکل زیر می توانید کدهای خود را در قسمت های مختلف سایتتان که به آنها نیازمندید قرار دهید(مثال زیر برای مقدار Autoplay می باشد) :
<audio controls autoplay> <source src="music.mp3" type="audio/mpeg"> </audio>
امیدوارم از این آموزش ما لذت برده باشید.
در صورتی که سوالی داشتید می تونید در زیر همین مطلب قرار دهید تا در اسرع وقت به سوالات شما پاسخ دهیم.
موفق و پیروز باشید.
با سلام
امیدوارم تا این لحظه از آموزش های ما لذت برده باشید.
در این آموزش قصد داریم تا شما را با تگ video در HTML آشنا کنیم.
تگ ویدیو به شما این امکان را میدهد تا ویدیو هایی که قصد دارید در سایت خود نمایش دهید را به راحتی و با یک لینک آنرا به نمایش بگذارید.
در استفاده از این تگ باید توجه داشته باشید که مرورگرهای مختلف از فرمت های ویدیویی مختلف پشتیبانی می کنند.و برای آنکه ویدیو شما به درستی ارائه شود باید از فرمت های مختلف در ارائه آن استفاده نمایید.
به طور مثال فرمت mp4 در مرورگر opera به خوبی نمایش داده نمی شود پس برای اینکه بتوانید در تمامی مرورگرها ویدیو خود را به نمایش بگذارید باید از فرمت ogg یا webm و یا mp4 استفاده نمایید.پیشنهاد ما به شما استفاده از دو فرمت ogg و mp4 بصورت همزماناست که می تواند در تمامی مرورگرها به نمایش گذاشته شود.
تگ video میتواند مقادیر طول و عرض را به شکل width و height دریافت نموده و ویدیو شما را در آن فرمت به نمایش بگذارد.
در کل برای استفاده از این تگ می توانید به صورت کلی زیر اقدام نمایید :
اما ویژگی های دیگری که می توان علاوه بر مقدار width و height به تگ ویدیو داد شامل :
مقدار autoplay که شما با درج آن و تنظیم میزان آن بر روی autoplay می توانید جهت نمایش خودکار ویدیو اقدام کنید.
مقدار control که با درج آن می توانید دکمه های pause و play و … را به کنترل کننده ویدیو خود اضافه نمایید.
مقدار loop که با فعالسازی آن می توانید ویدیو خود را پس از اتمام به صورت دائمی و در چرخش نمایش دهید.
مقدار muted که به وسیله آن می توانید ویدیو خودرا به صورت بیکلام نمایش دهید.
مقدار poster که با تعیین میزان برای آن می توانید عکسی را برای پیش نمایش بر روی ویدیو خود قرار دهید.
امیدوارم از این آموزش استفاده لازم را برده باشید .
منتظر نظرات و پیشنهادات شما هستیم.
موفق و پیروز باشید.
با سلام
امیدوارم حسابی از مطالب سایت تا اینجا استفاده کرده باشید و راضی بوده باشید.
در این مطلب ما قصد داریم تا شما را با استفاده از ویزگی target در تگ a آشنا کنیم که باعث باز شدن لینک در سربرگ جدید در محیط مرورگر شما می شود.
ویژگی target یکی از ویژگی های مهم تگ a برای کدنویسان وب می باشد که باعث باز شدن یک صفحه خالی دیگر و ارجاع لینک به آن صفحه می شود و شما می توانید بدون آنکه پنجره کاربری کاربرانتان را ببنید آنها را به یک لینک دیگر هم راهنمایی کنید.
امیدوارم از این آموزش لذت ببرید.
موفق و پیروز باشید.
با سلام
امیدوارم تا این لحظه از آموزش ما لذت برده باشید.
در این ساعت از سری آموزش های HTML قصد داریم تا شما را با روش ساخت فهرست با کمک تگ های ul ، ol و li آشنا کنیم.
خب تفاوتی که ما بین این تگ ها وجود دارد این است که تگ li زیرمجموعه تگ های ol و ul می باشد و هر سطر باید در تگ li قرار بگیرد.
تگ ul فهرست ها را با bullet برای شما به وجود می آورد اما تگ ol فهرست ها را شماره گذاری شده به شما نمایش می دهد. شما با فعالسازی بخش type در تگ ol می توانید انواع مختلفی از نمایش مرتب سازی را فعال کنید و از آن استفاده ببرید.
همچنین شما با استفاده از کلمه reversed که به معنای معکوس می باشد می توانید مرتب سازی را به صورت معکوس انجام دهید.
امیدوارم از این آموزش ما لذت ببرید.
موفق و پیروز باشید.
با سلام و عرض خسته نباشید
امیدوارم تا این لحظه از آموزش های ما استفاده کافی را برده باشید.
در این آموزش ما قصد داریم تا شما را با تگ کد strong آشنا کنیم.این تگ کد مانند bold کردن متن ها درهنگام تایپ استفاده می شود و در HTML جهت Bold کردن متن ها در هر جای پاراگراف یا متن شما می توان از این تگ استفاده کرد.
این تگ در هر قسمتی از کدهای شما قابل استفاده بوده و میتوانید براحتی با درج این تگ کد قسمت های مختلف متن خود را به صورت Bold درج نمایید.
امیدوارم از این آموزش لذت ببرید.
موفق و پیروز باشید.
با سلام
امیدوارم تا این لحظه از آموزش های ما لذت برده باشید
در این آموزش قصد داریم تا شما را با تگ br آشنا کنیم. این تگ به شما این اجاره را می دهد تا متن های خود و مطالب مورد نظرتون را در سطر های مختلف قرار بدید.در واقع این تگ مانند کلید Enter در تایپ کردن عمل می کند و شما را به سطر بعدی میبرد.
امیدوارم از این آموزش استفاده لازم را ببرید.
موفق و پیروز باشید.
با سلام
ما در این آموزش قصد داریم تا شما را با موضوع کاراکترهای خاص در HTML آشنا کنیم.
کاراکترهای خاصی در HTML مورد استفاده قرار می گیرند .در ویدیو آموزشی توضیح کامل این کارکترها وویژگی های آن وجود دارد.
اما همانطور که در فیلم اشاره شد نمیتوان تمام کاراکترها را به صورت فردی توضیح داد.برای همین من لیستی از کاراکترهای پرکاربرد رو براتون در زیر قرار دادم.
امیدوارم استفاده کنید و لذت ببرید.
لیست کاراکتر های خاص در HTML:
| کاراکتر | معادل HTML – حروفی | معادل HTML – عددی | میانبر | توضیح |
| ‘ | ‘ | ‘ | Alt+0145 | نقل قول |
| ’ | ’ | ’ | Alt+0146 | – |
| ‚ | ‚ | ‚ | – | – |
| “ | “ | “ | Alt+0147 | – |
| ” | ” | ” | Alt+0148 | – |
| „ | „ | „ | – | – |
| † | † | † | Alt+0134 | خنجر |
| ‡ | ‡ | ‡ | Alt+0135 | خنجر مضاعف |
| … | … | – | چند نقطه | |
| ‰ | ‰ | ‰ | Alt+0137 | در هزار |
| ‹ | ‹ | ‹ | Alt+0139 | اشاره راست |
| › | › | › | Alt+0155 | اشاره چپ |
| ♠ | ♠ | ♠ | – | بیلچه |
| ♣ | ♣ | ♣ | – | کلوب |
| ♥ | ♥ | ♥ | – | قلب |
| ♦ | ♦ | ♦ | – | الماس |
| ‾ | ‾ | ‾ | – | خط |
| ← | ← | ← | – | فلش چپ |
| ↑ | ↑ | ↑ | – | فلش بالا |
| → | → | → | – | فلش راست |
| ↓ | ↓ | ↓ | – | فلش پائین |
| ™ | ™ | ™ | Alt+0153 | نماد تجاری |
| “ | " | " | – | نقل قول |
| & | & | & | – | امپرسند |
| < | < | < | – | کوچکتر از |
| > | > | > | – | بزرگتر از |
| [ | [ | – | قلاب | |
| ] | ] | – | قلاب | |
| – | – | – | Alt+0150 | خط |
| — | — | — | Alt+0151 | خط مضاعف |
| |   | Alt+0160 | فضای خالی | |
| ¡ | ¡ | ¡ | Alt+0161 | تعجب برعکس |
| ¢ | ¢ | ¢ | Alt+0162 | سنت |
| £ | £ | £ | Alt+0163 | لیره |
| ¤ | ¤ | ¤ | Alt+0164 | پول رایج |
| ¥ | ¥ | ¥ | Alt+0165 | ین |
| ¦ | ¦ یا &brkbar; | ¦ | Alt+0166 | خط شکسته |
| § | § | § | Alt+0167 | علامت بخش |
| ¨ | ¨ یا ¨ | ¨ | Alt+0168 | ادغام |
| © | © | © | Alt+0169 | کپی رایت |
| ª | ª | ª | Alt+0170 | اعداد ترتیبی |
| « | « | « | Alt+0171 | گیومه چپ |
| ¬ | ¬ | ¬ | Alt+0172 | نماد هیچ |
| ­ | ­ | Alt+0173 | فاصله | |
| ® | ® | ® | Alt+0174 | ثبت تجاری |
| ¯ | ¯ یا &hibar; | ¯ | Alt+0175 | علامت صدای کشیده |
| ° | ° | ° | Alt+0176 | درجه |
| ± | ± | ± | Alt+0177 | جمع و تفریق |
| ² | ² | ² | Alt+0178 | بالانویس |
| ³ | ³ | ³ | Alt+0179 | بالانویس |
| ´ | ´ | ´ | Alt+0180 | صدای زیر |
| µ | µ | µ | Alt+0181 | علامت میکرو |
| ¶ | ¶ | ¶ | Alt+0182 | پاراگراف |
| · | · | · | Alt+0183 | نقطه |
| ¸ | ¸ | ¸ | Alt+0184 | صدای z برای حرف s |
| ¹ | ¹ | ¹ | Alt+0185 | بالانویس |
| º | º | º | Alt+0186 | اعداد ترتیبی |
| » | » | » | Alt+0187 | گیومه راست |
| ¼ | ¼ | ¼ | Alt+0188 | ۱ بر روی ۴ |
| ½ | ½ | ½ | Alt+0189 | ۱ بر روی ۲ |
| ¾ | ¾ | ¾ | Alt+0190 | ۳ بر روی ۴ |
| ¿ | ¿ | ¿ | Alt+0191 | علامت سوال برعکس |
| À | À | À | Alt+0192 | – |
| Á | Á | Á | Alt+0193 | – |
| Â | Â | Â | Alt+0194 | – |
| Ã | Ã | Ã | Alt+0195 | – |
| Ä | Ä | Ä | Alt+0196 | – |
| Å | Å | Å | Alt+0197 | – |
| Æ | Æ | Æ | Alt+0198 | – |
| Ç | Ç | Ç | Alt+0199 | – |
| È | È | È | Alt+0200 | – |
| É | É | É | Alt+0201 | – |
| Ê | Ê | Ê | Alt+0202 | – |
| Ë | Ë | Ë | Alt+0203 | – |
| Ì | Ì | Ì | Alt+0204 | – |
| Í | Í | Í | Alt+0205 | – |
| Î | Î | Î | Alt+0206 | – |
| Ï | Ï | Ï | Alt+0207 | – |
| Ð | Ð | Ð | Alt+0208 | – |
| Ñ | Ñ | Ñ | Alt+0209 | – |
| Ò | Ò | Ò | Alt+0210 | – |
| Ó | Ó | Ó | Alt+0211 | – |
| Ô | Ô | Ô | Alt+0212 | – |
| Õ | Õ | Õ | Alt+0213 | – |
| Ö | Ö | Ö | Alt+0214 | – |
| × | × | × | Alt+0215 | علامت ضرب |
| Ø | Ø | Ø | Alt+0216 | – |
| Ù | Ù | Ù | Alt+0217 | – |
| Ú | Ú | Ú | Alt+0218 | – |
| Û | Û | Û | Alt+0219 | – |
| Ü | Ü | Ü | Alt+0220 | – |
| Ý | Ý | Ý | Alt+0221 | – |
| Þ | Þ | Þ | Alt+0222 | – |
| ß | ß | ß | Alt+0223 | – |
| à | à | à | Alt+0224 | – |
| á | á | á | Alt+0225 | – |
| â | â | â | Alt+0226 | – |
| ã | ã | ã | Alt+0227 | – |
| ä | ä | ä | Alt+0228 | – |
| å | å | å | Alt+0229 | – |
| æ | æ | æ | Alt+0230 | – |
| ç | ç | ç | Alt+0231 | – |
| è | è | è | Alt+0232 | – |
| é | é | é | Alt+0233 | – |
| ê | ê | ê | Alt+0234 | – |
| ë | ë | ë | Alt+0235 | – |
| ì | ì | ì | Alt+0236 | – |
| í | í | í | Alt+0237 | – |
| î | î | î | Alt+0238 | – |
| ï | ï | ï | Alt+0239 | – |
| ð | ð | ð | Alt+0240 | – |
| ñ | ñ | ñ | Alt+0241 | – |
| ò | ò | ò | Alt+0242 | – |
| ó | ó | ó | Alt+0243 | – |
| ô | ô | ô | Alt+0244 | – |
| õ | õ | õ | Alt+0245 | – |
| ö | ö | ö | Alt+0246 | – |
| ÷ | ÷ | ÷ | Alt+0247 | علامت تقسیم |
| ø | ø | ø | Alt+0248 | – |
| ù | ù | ù | Alt+0249 | – |
| ú | ú | ú | Alt+0250 | – |
| û | û | û | Alt+0251 | – |
| ü | ü | ü | Alt+0252 | – |
| ý | ý | ý | Alt+0253 | – |
| þ | þ | þ | Alt+0254 | – |
| ÿ | ÿ | ÿ | Alt+0255 | – |
با سلام
امیدوارم تا این لحظه از آموزش های ما لذت برده باشید.
در این آموزش ما قصد داریم تا شما را با تگ span آشنا کنیم و ویژگی های این تگ را برای شما برشمریم.
این تگ یک تگ درون خطی بودن و میتوان از آن در بین تگ ها برو روی متن ها یا تصاویر اعمال استایل های مختلف نمود که در ویدیو آموزشی توضیحات تکمیلی را خدمتتان عرض کردم.
امیدوارم از این آموزش لذت ببرید.
موفق و پیروز باشید.
با سلام
در این آموزش قصد داریم تا شما را با تگ table و جدول سازی در HTML آشنا کنیم.
همانطور که می دانید شما برای زیباسازی و چارت بندی اطلاعات خود در سایت خودتان نیاز به جدول و استفاده از آن در اشکال مختلف هستید.
در این آموزش ما به شما نحوه استفاده از جدول در اشکال مختلف را آموزش می دهیم و انواع المان هایی که باآن می توانید تغییرات لازم در جدول را به وجود بیاورید را می آموزیم.
زیباسازی جداول شما باید با استفاده از css صورت گیرد.
امیدوارم از این آموزش لذت کافی را ببرید.
نظرات و سوالات خود را در زیر این مطلب با ما در میان بگذارید.
موفق و پیروز باشید.