با سلام
در این آموزش در ادامه آموزش های قبلی ما در HTML قصد داریم تا شما را با تگ center در html آشنا کنیم.
این تگ فرا بلوکی محسوب میشه و شما می تونید در داخل تگ بادی هرجایی که خواستید جهت استایل دهی به بلوک ها و تگ هاتون از این تگ استفاده کنید.
این تگ در محدوده تعریف شده شما تمام اطلاعات نمایشی در صفحه وب را براتون که در بین این دو تگ وجود دارد وسط چین می کند.
یعنی شما بجای استایل دهی در css هم می تونید با استفاده از این تگ هرجای کدتون رو خواستید به صورت وسط چین نمایش دهید.
امیدوارم استفاده کنید از این آموزش.
موفق و پیروز باشید.
با عرض سلام
بابت دیر شدن آموزش ها عذر می خوام.
امیدوارم از این به بعد فرصت برای آموزش های سری و پشت سر هم برام به وجود بیاد و سریعتر پیش بریم.
در این آموزش ما قصد داریم تگ H در HTML را به شما آموزش بدیم و خواص و همچنین کاربردهای آن را به شما یاد بدیم.این تگ برای استفاده از سر فصل ها در کدنویسی تحت وب استفاده میشه و شما باید در صفحات خود این تگ ها را داشته باشید چون گوگل و وبمستر های دیگه مثل الکسا براساس این کدها به شما امتیاز مثبت میدن و شما می تونید در رنکینگ گوگل با استفاده از این تگ ها در جایگاه بهتری قرار بگیرید.
امیدوارم از این آموزش لذت ببرید.
موفق و پیروز باشید.
با سلام
در این آموزش قصد داریم شما را با تگ های مهم HTML به نام a ,img,p آشنا کنیم و توضیحات تکمیلی در مورد این مطالب را برای شما قرار دهیم.امیدوار لذت ببرید.
موفق باشید
نظر فراموش نشه!
با سلام
خب امیدوارم تا این لحظه از آموزش های ما لذت برده باشید.در این آموزش قصد دارم تا شما را با تگ P در HTML آشنا کنم.این تگ تگ بسیار مفیدی است.امیدوارم لذت ببرید.
خب بریم سراغ آموزش
تگ P که حرف اول کلمه Paragraph می باشد به معنی پاراگراف است که در فارسی هم استفاده می کنیم یعنی تکه مطلبی که از چند خط تشکیل شده است.
پس شما برای درج چند کد در یک محدوده مشخص می توانید از این تگ استفاده کنید.البته تگ Div هم وجود دارد که می شه استفاده بشه اما فرق بین این دو تگ در چیست؟
فرق بین تگ P و تگ Div چیست؟
تگ P بیشتر برای درج یک متن یا عکس از آن استفاده می شود…مخصوصا متن ها اما تگ Div بیشتر از این حرف ها را در بر می گیرد و عملا یک بلوک یا فضای کدنویسی با مشخصات مشخص برای شما به وجود خواهد آورد تا بتونید از این بلوک در هر جای کد هاتون استفاده کنید اما بهتره فعلا به تگ P بپردازیم تا به در هفته آینده به تگ Div برسیم.
تگ P می تونه از زیر مجموعه هایی تشکیل بشه و می تونید مثلا چند تگ a رو در داخل یک تگ P قرار دهید.
تگ P دارای خاصیت align می باشد و شما می توانید با استفاده از این خاصیت و همچنین Style متن های خود را به شکل های مختلف استفاده نمایید.
مقداری هایی که خاصیت align دریافت می کند left,right,center,justifyمی باشد که مانند استفاده در مایکروسافت ورد می باشد و همان خصوصیت را به متن های شما می دهد.
نحوه استفاده از تگ p به شکل زیر می باشد:
<p> متن مورد نظر شما! </p>
امیدوارم از این آموزش لذت برده باشید.
لطفا نظراتتون رو برای ما قرار دهید تا از انها استفاده کنیم.
با سپاس فراوان
با سلام
خب بریم سراغ تگی که به زیباسازی فضای ساتتون کمک می کنه و شما از اون به عنوان تصویر یاد می کنید.
این تگ تصاویر را در فضاهای مختلف سایتتون براساس اون دیزاینی که در نظر گرفته اید قرار میده.استفاده از این تگ بسیار آسونه و به شکل زیر می باشد:
<img src="images/logo.png">
هرجای سایتتون که نیاز به حضور تصویری خاص دیدید می تونید از این تگ کوچک استفاده کنید تا فضای سایتتون رو زیبا کنید.
شاید برخی اوقات سایت شما به صورت کامل لود نشه به دلیل سرعت پایین استفاده کنندگان سایت شما و در اون زمانه که تصاویر به طور کامل لود نمیشه و ویژگی خیلی خوب alt در تگ img می تونه به کمککتون بیاد و بجای تصویر شما متنی که در صورت عدم نمایش تصویر نمایش داده میشه رو براتون قرار بده.برای استفاده از این ویژگی به شکل زیر باید عمل کنید :
<img img src="example-image.jpg" alt="example-image">
شاید براتون سوال پیش اومده باشه که آیا می توان به یک تصویر عنوان خاصی اختصاص داد؟
خب جواب ما برای سوال شما اینه:
بله
خب شما می تونید با فعالسازی ویژگی title برای تگ img به تصاویر خودتون عنوان خاصی رو اختصاص بدید که وقتی بازدید کننده سایت شما موس خودشو روی تصویر قرار میده این متن نمایش داده میشه.در اصل براساس بنامه نویسی میشه گفت این value مورد نظر این تصویر محسوب میشه که به شکل زیر کد آن نگارش میشه :
<img src="example-image.jpg" alt="example-image" title=" html">
شما برای استایل دهی در این تگ هم می تونید از ویژگی width و height و سایر آپشن های دیگر استفاده کنید که فعلا لازم نیست به این مطالب اینقدر تخصصی پرداخته شود.امیدوارم با این کدها تا هفته ی دیگه تمیرنات لازم رو انجام بدید تا ویدیو نهایی را ببینید.
نظر فراموش نشه.موفق و پیروز باشید.
با سلام
تگ a برای اختصاص یک لینکبه متنی خاص مورد استفاده قرار می گیرد که وقتی شما موس خود را بر روی این متن می برید به حالت کلیک نمایش داده می شود که با کلیک بر روی آن شما منتقل به صفحه دیگری در وب می شوید که این صفحه می تواند در سایت فعلی که در آن حضور دارید باشد یا سایتی دیگر .
خب کلا سه حالت کلی برای یک لینک به وجود می شه متصور شد:
- حالتی که کلیک نشده است
- حالت در حال کلیک شدن
- حالت کلیک شده
منظور از هرکدام از این مطالب چیست؟
وقتی شما روی یک لینک کلیک نکرده اید به صورت پیش فرض در مرورگرها این لینک با رنگ خاص آبی نمایش داده می شود مگر اینکه در css تغییراتی را برای لینک ها به وجود اورده باشید .
در حالت دوم وقتی با موس روی لینک میرید یک سری تغییرات براساس سی اس اس به وجود میاد.
در حالت سوم هم به این صورت می باشد که وقتی روی لینک کلیک کرده باشید به رنگ بنفش نمایش داده میشه که نشان می ده که شما در گذشته روی این لینک کلیک کرده اید.
استفاده از تگ a به شکل زیر می باشد :
<a href="http://oxygen2.xyz">کلیک نمایید</a>
که به جای “کلیک نمایید” می توانید از هر عبارتی استفاده کنید و همچنین به جای آدرس “http://oxygen2.xyz” از هر آدرسی که می خواهید که لینک شما به انجا منتقل بشه استفاده کنید.
نکته ای که باید به اون توجه کنید این موضوعه که از این تگ م یتونید در بین تگ های body استفاده کنید.
امیدوارم از این آموزش لذت برده باشید.
اگر سوالی در مورد این تگ دارید در پایین همین مطلب بزارید تا به شما در اسرع وقت پاسخ بدم.
با سلام
در این آموزش قصد دارم تا شما را با تگ متا (meta) آشنا کنم.
این تگ از بخش های مختلفی تشکیل شده است . شما برای استفاده از کلمات فارسی در سایت خود باید حتما از این تگ استفاده کنید . این تگ به بخش charset سایت شما اجازه استفاده از کاراکتر های فارسی رو میده و شما می توانید با استفاده از این تگ و name های مختلفی که می تونید به این تگ بدید بخشهای مختلفی را برای شناسایی سایت خودتون به مرورگرها و حتی موتور های جستجو رو فراهم بیارید.
امیدوارم از این آموزش لذت ببرید.
از این به بعد قصد دارم تا به صورت هفتگی به صورت نوشتاری براتون مطالب رو قرار بدم و انتهای هفته به صورت یک فایل ویدیویی این مطالب رو توضیح بدم تا بتونید بهتر از مطالب سایت استفاده کنید.
موفق باشید
با سلام
امیدوارم بابت دیر شدن مطالب جدید سایت عذر بنده رو بپذیرید.
در این مطلب قراره براتون از یک تگ صحبت کنم که شاید از نظر برخی افراد خیلی بی معنی و کم کاربرد می باشد اما این تگ یکی از تگ های بسیار مهم در کدنویسی html می باشد که باید برای بهتر شدن کدهامون از اون استفاده کنیم.
خلاصه و مفید بگم بهتون این تگ به مرورگرهای مختلف اعلام می کنه که ما در حال استفاده از چه فرمت کدی هستیم پس اون مرورگر هم براتون در بهترین فرمت ممکن کدهاتون رو نمایش می ده و این یعنی موفقیت در کدنویسی .
خب بریم سراغ روش نگارش این تگ که به صورت زیر است:
<!DOCTYPE>
اما مرورگرهای مختلف مانند موزیلا ،کروم،اکسپلورر و … پس از این کد اگر شما نسخه استفاده شده html خودتون در کدهارو قید کنید میفهمند که شما از چه نسخه ای استفاده می کنید و ADD-ON های مشخص اون کدهارو فراخوانی می کنند که کمک به بهبود نمایش سایت شما می شه.استفاده از این کد ها در حالت کلی به صور زیر می باشد :
HTML5
<!DOCTYPE html>
HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
و سایر فرمت ها که با یه جستجوی ساده می تونید از این فرمت ها آگاه بشید.
پس یادتون باشه حتما از یکی از این فرمت ها برای شروع کار استفاده کنید.
امیدوارم از این آموزش لذت برده باشید.
در صورتی که سوالی داشتید می تونید از طریق بخش نظرات سایت با ما در ارتباط باشید.
با سلام
در این مطلب قصد دارم تا شما را با کدنویسی در محیط notpad ++ و استفاده از برنامه xampp آشنا کنم.
آموزش کوتاهی رو براتون در نظر گرفتم امیدوارم استفاده کنید.
تکه کد استفاده شده در این ویدیو در زیر قابل مشاهده می باشد.
<html> <head> <title> Oxygen2</title> </head> <body> Welcome To My site. </body> </html>
در صورت هرگونه سوال می تونید در بخش نظرات این مطلب با ما در میون بگذارید.
موفق باشید
با سلام
در این مطلب قصد داریم تا رفته رفته شما را با شروع کار کدنویسی در محیط HTML آشنا کنیم پس با ما همراه باشید.
جهت ایجاد یک فایل HTML شما می توانید از یک فایل text ساده استفاده نمایید اما برای راحتی کار بهتر است بر روی سیستم خود یک نرم افزار جهت کدنویسی وجود داشته باشید.
بهترین نرم افزار برای شما که مبتدی در این کار می باشید و نیاز زیادی به برنامه های حرفه ای ندارید برنامه Notpad++ می باشید.
بهتر است این نرم افزار را از سایت های مطرح که جهت دانلود می باشند دانلود کنید.
پیشنهاد ما برای استفاده ،سایت Soft98.xyz می باشد.
خب ،بریم سراغ فضایی که شما نیاز دارید تا فایل هاتون رو توش قرار بدید.
ببینید جهت استفاده از امکانات موجود در پنل ها برای اجرای کدها به صورت صحیح در اینترنت شما به چند مقوله نیاز دارید که الان براتون به طور کامل توضیح خواهم داد.
شما برای اینکه در اینترنت فایلی را به نمایش بگذارید نیاز به یک فضا دارید و به این فضا سرور گفته می شود.سرور ها برای اجرا شدن کدهای مختلف نیاز به نصب نرم افزارهایی مانند سی پنل یا دایرکت ادمین دارند که شامل پنل مدیریت یک وبسایت با ویژگی هایی مانند دیتابیس و php و … می باشد.همچنین مساله ای که باید شما بدانید این است که برای استفاده تعداد بیشتری از کاربران جهت ایجاد سایت و فضای مناسب برخی سرور ها اقدام به ایجاد فضای ابری و تخصیص فضاهای مناسب جهت ایجاد سایت های مختلف بر روی یک سرور میکنند که نیاز به توضیحات بیشتری در این باب نیست.
اما برای ایجاد فضای آزمایشی یک هاست با امکانات آن بر روی ویندوز خود کافیست تا از برخی نرم افزارهای شبیه سازی مانند wampp یا xampp استفاده کنید.
اما پیشنهاد ما برای شما استفاده از برنامه xampp می باشد.
پس از نصب واجرای این دو برنامه یعنی Notepad++ و xampp در مطلب بعدی به شروع کار با این دو نرم افزار و ایجاد اولین فایل HTML می پردازیم.
امیدوارم موفق باشید.