سلام دوستان در این بخش سعی می کنم نکاتی از اچ تی ام ال رو بگم قرار بدم که ممکنه در بهتر شدن وبلاگتون کمک کنه.
از دوستانی هم که به این زبان آشنایی دارن درخواست همراهی با من رو دارم و مطالبی رو که ممکنه کمک کنه رو در اینجا قرار بدید
موفق باشید
NOKTIZ & NAVA ONLINE & قالب وبلاگ
مشکلات وبلاگتان را در انجمن وبلاگنویسان بگویید
کل آیتم ها 4
سلام خوب بود با تشکر از gavad_vb عزیز که بامباحث خوبشون پاسخگوی فنی دوستان انجمن هستند چه اینجا، چه تو مشکلات بلاگر ها
درباره ی اچ تی ام الكمی به كد كوتاه اریه شده دقت كنید از این كد چه میفهمید خوب البته اگر یك طراح وب باشید بدون شك میگویید این یك كد بسیار بسیار ساده ی اچ تی ام ال استدر واقع كد بالا حداقل ملزمات یك صفحه ی اینترنتی است و شاید هیچ صفحه ی در اینترنت پیدا نكنید كه در آن از كدهای بالا استفاده نشده باشد . تقریبا همه ی صفحات اینترنتی به شكلی از اچ تی ام ال نوشته میشوند حتی زبانهای دیگر هم در خود بشكل توكار از این زبان برای نمایش صفحاتشان استفاده میكنند مثلا پی اچ پی كه یكی دیگر از زبانهای متداول خلق صفحات وب است از اچ تی ام ال برای نمایش محتویات و وظایفش به كاربر استفاده میكند و اگر اچ تی ام ال نبود مرورگرهای ما قادر به نمایش صفحات نبودند حال من به توضیحاتی درباره ی اچ تی ام ال میپردازم تا شما با این زبان در حد اطلاعات عمومی مورد نیاز یك وبلاگ نویس آشنا شوید و بدیهی است كه آموزش اچ تی ام ال در این مقاله ی كوچك نمیگنجداچ تی ام ال چیست؟ اچ تی ام ال یك زبان است كه به شما امكان میدهد متن را قالب دهی كنید، تصاویر گرافیكی ، صوت و ویدیو را اضافه كنید و همه ی اینها را در یك فایل متنی كه هر كامپیوتری میتواند آنرا بخواند ذخیره و سپس در صورت تمایل آنرا از طریق شبكه ی جهانی اینترنت با همه ی دنیا به اشتراك بگذارید . اچ تی ام ال متشكل شده از یك سری تگهاست كه هركدام از تگها یك وظیفه ی خاص را برعهده دارند. این تگها با یك دستور مشخص شروع و با دستوری مشخص دیگری كه بسیار شبیه به دستور شروع كننده است به پایان میرسند مثلا در اچ تی ام ال به وسیله ی تگ <html> به مرورگر گفته میشود كه كدهای اچ تی ام ال از اینجا شروع میشوند و به وسیله ی كد </html> مشخص میشود كه كدهای اچ تی ام ال به پایان رسیده اند كه در كد بالا میتوانید دستور آغازین و پایانی این تگ را با رنگ سبز ببینید و همانطور كه در كد بالا قابل مشاهده است در بین هر تگ دستورات دیگری قرار گرفته اند مثلا در بین تگ < html > تگهای مانند تگ هد < head > و تگ بادی < body > قرار گرفته اند كه من آنها را برایتان به ترتیب با رنگهای آبی و صورتی مشخص كرده ام و نیز میبینید كه در بین تگ هد تگ دیگری با نام تیتل < title > قرار گرفته كه آنرا هم با رنگ قرمز برایتان متمایز نموده ام. حتما به این نكته پی بردید كه تمام تگهای تمام كننده فقط در ممیز قبل از دستور با تگ شروع كننده فرق دارند و نیز با دقت به كد بالا به این نكته هم میتوان پی برد كه بعضی از تگها وظیفه ی نگهداری تگهای دیگر و بعضی تگها وظیفه دارند كه عنصری مشخص مانند متن یا تصویر را در صفحه به نمایش بگذارند مثلا تگ هد وظیفه دارد بعضی تگهای دیگر مانند تگ تیتل را در خود نگهداری كند و تگ تیتل وظیفه دارد عنوان صفحه را كه در موقع اجرای كد توسط مرورگر در نوار عنوان مرورگر به نمایش در میاید را در خود نگهدارد و تگ بادی هم محتویات خود صفحه را كه ممكن است حاوی متن ، تصویر ، صدا و یا حتی ویدیو و عناصر دیگر كه در وب قابل مشاهده اند را نگه میدارد البته نمایش هر یك از عناصر صفحه خود توسط دستورات دیگری انجام میشود اما در هر حال این تگ بادی است كه باید همه ی آنها را در خود نگهدارد تا مرورگر بتواند كدها را تفسیر كند . به یاد داشته باشید كه اگر كسی از شما بخواهد كدی را در بین فلان تگ وارد كنید شما میبایست ابتدا تگ شروع كننده و تمام كنند را پیدا كنید و سپس به صورتی كه كد جدید در كار سایر كدها اخلال ایجاد نكند كد را قرار دهید .مثلا اگر گفته شد كدی را در بین تگ هد وارد كنید باید این كد را طوری قرار دهید كه تگ دیگری مانند تگ تیتل را بهم نریزدیادگیری اچ تی ام ال؟ یادگیری اچ تی ام ال زیاد دشوار نیست و حتی برنامه هایی وجود دارند كه بسیاری از نیازهای شما از دانستن دستورات اچ تی ام ال را برطرف میكنند مثل برنامه ی دریم ویور و یا برنامه ی معروف مایكروسافت یعنی فرانت پیج. در واقع این برنامه ها نیاز شما به بسیاری كدنویسی ها را برطرف میكنند من پیشنهاد میكنم اگر میخواهید اچ تی ام ال را یاد بگیرید ابتدا نرمافزار فرانت پیج را یاد بگیرید.شما برای اینكه یك طراح وب به زبان اچ تی ام ال شوید نیاز نیست اطلاعات قبلی زیادی داشته باشید بلكه همینكه كار با ویندوز و اینترنت ، تایپ كردن و نیز استعداد یادگیری برنامه های عادی تحت ویندوز را داشته باشید میتوانید شروع به یادگیری اچ تی ام ال نمایید جالب است بدانید رشته ی تحصیلی بنده هیچ ارتباطی با نحوه ی طراحی وب ندارد اما اكنون به عنوان یك طراح وب(زبانهای اچ تی ام ال و جاوا اسكریپت) در خدمت شما هستم.نکته: در صورت تسلط بر اچ تی ام ال شما به راحتی قادر به طراحی قالب وبلاگ خواهید بود. منبع: راسخون
كمی به كد كوتاه اریه شده دقت كنید از این كد چه میفهمید خوب البته اگر یك طراح وب باشید بدون شك میگویید این یك كد بسیار بسیار ساده ی اچ تی ام ال است
در واقع كد بالا حداقل ملزمات یك صفحه ی اینترنتی است و شاید هیچ صفحه ی در اینترنت پیدا نكنید كه در آن از كدهای بالا استفاده نشده باشد . تقریبا همه ی صفحات اینترنتی به شكلی از اچ تی ام ال نوشته میشوند حتی زبانهای دیگر هم در خود بشكل توكار از این زبان برای نمایش صفحاتشان استفاده میكنند مثلا پی اچ پی كه یكی دیگر از زبانهای متداول خلق صفحات وب است از اچ تی ام ال برای نمایش محتویات و وظایفش به كاربر استفاده میكند و اگر اچ تی ام ال نبود مرورگرهای ما قادر به نمایش صفحات نبودند حال من به توضیحاتی درباره ی اچ تی ام ال میپردازم تا شما با این زبان در حد اطلاعات عمومی مورد نیاز یك وبلاگ نویس آشنا شوید و بدیهی است كه آموزش اچ تی ام ال در این مقاله ی كوچك نمیگنجد
اچ تی ام ال چیست؟ اچ تی ام ال یك زبان است كه به شما امكان میدهد متن را قالب دهی كنید، تصاویر گرافیكی ، صوت و ویدیو را اضافه كنید و همه ی اینها را در یك فایل متنی كه هر كامپیوتری میتواند آنرا بخواند ذخیره و سپس در صورت تمایل آنرا از طریق شبكه ی جهانی اینترنت با همه ی دنیا به اشتراك بگذارید . اچ تی ام ال متشكل شده از یك سری تگهاست كه هركدام از تگها یك وظیفه ی خاص را برعهده دارند. این تگها با یك دستور مشخص شروع و با دستوری مشخص دیگری كه بسیار شبیه به دستور شروع كننده است به پایان میرسند مثلا در اچ تی ام ال به وسیله ی تگ <html> به مرورگر گفته میشود كه كدهای اچ تی ام ال از اینجا شروع میشوند و به وسیله ی كد </html> مشخص میشود كه كدهای اچ تی ام ال به پایان رسیده اند كه در كد بالا میتوانید دستور آغازین و پایانی این تگ را با رنگ سبز ببینید و همانطور كه در كد بالا قابل مشاهده است در بین هر تگ دستورات دیگری قرار گرفته اند مثلا در بین تگ < html > تگهای مانند تگ هد < head > و تگ بادی < body > قرار گرفته اند كه من آنها را برایتان به ترتیب با رنگهای آبی و صورتی مشخص كرده ام و نیز میبینید كه در بین تگ هد تگ دیگری با نام تیتل < title > قرار گرفته كه آنرا هم با رنگ قرمز برایتان متمایز نموده ام. حتما به این نكته پی بردید كه تمام تگهای تمام كننده فقط در ممیز قبل از دستور با تگ شروع كننده فرق دارند و نیز با دقت به كد بالا به این نكته هم میتوان پی برد كه بعضی از تگها وظیفه ی نگهداری تگهای دیگر و بعضی تگها وظیفه دارند كه عنصری مشخص مانند متن یا تصویر را در صفحه به نمایش بگذارند مثلا تگ هد وظیفه دارد بعضی تگهای دیگر مانند تگ تیتل را در خود نگهداری كند و تگ تیتل وظیفه دارد عنوان صفحه را كه در موقع اجرای كد توسط مرورگر در نوار عنوان مرورگر به نمایش در میاید را در خود نگهدارد و تگ بادی هم محتویات خود صفحه را كه ممكن است حاوی متن ، تصویر ، صدا و یا حتی ویدیو و عناصر دیگر كه در وب قابل مشاهده اند را نگه میدارد البته نمایش هر یك از عناصر صفحه خود توسط دستورات دیگری انجام میشود اما در هر حال این تگ بادی است كه باید همه ی آنها را در خود نگهدارد تا مرورگر بتواند كدها را تفسیر كند . به یاد داشته باشید كه اگر كسی از شما بخواهد كدی را در بین فلان تگ وارد كنید شما میبایست ابتدا تگ شروع كننده و تمام كنند را پیدا كنید و سپس به صورتی كه كد جدید در كار سایر كدها اخلال ایجاد نكند كد را قرار دهید .مثلا اگر گفته شد كدی را در بین تگ هد وارد كنید باید این كد را طوری قرار دهید كه تگ دیگری مانند تگ تیتل را بهم نریزد
یادگیری اچ تی ام ال؟ یادگیری اچ تی ام ال زیاد دشوار نیست و حتی برنامه هایی وجود دارند كه بسیاری از نیازهای شما از دانستن دستورات اچ تی ام ال را برطرف میكنند مثل برنامه ی دریم ویور و یا برنامه ی معروف مایكروسافت یعنی فرانت پیج. در واقع این برنامه ها نیاز شما به بسیاری كدنویسی ها را برطرف میكنند من پیشنهاد میكنم اگر میخواهید اچ تی ام ال را یاد بگیرید ابتدا نرمافزار فرانت پیج را یاد بگیرید.شما برای اینكه یك طراح وب به زبان اچ تی ام ال شوید نیاز نیست اطلاعات قبلی زیادی داشته باشید بلكه همینكه كار با ویندوز و اینترنت ، تایپ كردن و نیز استعداد یادگیری برنامه های عادی تحت ویندوز را داشته باشید میتوانید شروع به یادگیری اچ تی ام ال نمایید جالب است بدانید رشته ی تحصیلی بنده هیچ ارتباطی با نحوه ی طراحی وب ندارد اما اكنون به عنوان یك طراح وب(زبانهای اچ تی ام ال و جاوا اسكریپت) در خدمت شما هستم.نکته: در صورت تسلط بر اچ تی ام ال شما به راحتی قادر به طراحی قالب وبلاگ خواهید بود.
منبع: راسخون
HTMLچیست؟ سرواژهٔ HyperText Markup Language و به معنای « زبان نشانهگذاری اَبَرمتن » است (که البته برخی آنرا « زبان علامتگذاری فرامتن » ترجمه کردهاند). اچتیامال، سنگِبنای وب است؛ یک زبان رایانهای که برای تدوین قالب و طراحی صفحات وب به کار برده میشود. دستورالعملهای این زبان، برچسب (Tag) نام دارند که محتوای یک صفحهٔ وب، به وسیلهٔ آنها، نشانهگذاری شده و بدینترتیب، نحوهٔ نمایش آن صفحه برای مرورگرهای وِب، توصیف میشود. هر یک از برچسبهای اچتیامال، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا میگذارند؛ مثلاً برچسبهایی برای تغییر شکل ظاهری متن، نظیر درشت و ضخیم کردن یک کلمه یا برقراری پیوند (Link) به صفحات دیگر در اچتیامال تعریف شدهاند. یک سند اچتیامال، یک پرونده مبتنی بر متن (Text–based) است که معمولاً با پسوند .htm یا .html نامگذاری شده و محتویات آن از برچسبهای اچتیامال تشکیل میشود. مرورگرهای وب، که قادر به درک و تفسیر برچسبهای اچتیامال هستند، تکتک آنها را از داخل سند اچتیامال خوانده و سپس محتوای آن صفحه را نمایانسازی (Render) میکنند. اچتیامال یک زبان برنامهنویسی نیست، بلکه زبانی برای نشانهگذاری ابرمتن است و اساساً برای ساختمندکردن اطلاعات و تفکیک اجزای منطقی یک نوشتار — نظیر عناوین، تصاویر، فهرستها، بندها و جداول — به کار میرود. از سوی دیگر، اچتیامال را نباید به عنوان زبانی برای صفحهآرایی یا نقاشی صفحات وب به کار بُرد؛ این وظیفه اکنون بر دوش فناوریهای دیگری چون شیوهنامههای آبشاری است. گفتنی است اچتیامال شکلی از زبان دیگری بنام اس.جی.ام.ال است و « کنسرسیوم وب جهان گستر » آنرا به عنوان استانداردی برای نشانهگذاری مستندات ابرمتنی برای عرضه در وب، تدوین کرده است.
المنت و تگ چیست؟
این مثال در Browser به صورت زیر نمایش داده می شود:
This is a bold text
المنت های h1,…,h6 در HTML برای ساخت headerها استفاده می شوند. المنت h1 برای ایجاد هدرهای بزرگ و المنت h6 برای ایجاد هدرهای کوچک به کار می رود. در واقع از h1 به h6 هدرها کوچکتر می شوند.