• درس های برنامه نویسی HTML از ابتدا. دروس مدرن HTML برای مبتدیان. برچسب هایی برای برجسته کردن متن

    تصمیم گرفتم به مبتدیانی که می خواهند در زمینه سایت سازی دانش کسب کنند بیشتر توجه کنم. این توسط معلم من تحریک شد، او اشتباهات زیادی در کتابچه های راهنمای کار آزمایشگاهی مرتکب شد. من خیلی دوست دارم به منبعی که infa آموزشی از آن گرفته شده است نگاه کنم و چند خط از نظر خود را آنجا بگذارم. اما اکنون در مورد آن نیست. در اولین سخنرانی خود در مورد آن صحبت خواهم کرد

    ساختار یک سند HTML چیست؟

    برچسب بزنید نشان می دهد که ساختار سند html در حال شروع است، - که به پایان می رسد. بین تگ ها در بیشتر اطلاعات مرورگر و موتورهای جستجو ذخیره می شود. در برچسب ها شامل عنوان صفحه ما است. برچسب بزنید نشان می دهد که اطلاعات بیشتر برای کاربر در نظر گرفته شده است، estesstvenno می گوید که اطلاعات برای کاربر به پایان می رسد.

    حالا بگذارید کمی توضیح بدهم. همه برچسب ها ( برچسب - عنصری از زبان نشانه گذاری فرامتن) به دو نوع «تک» و «بسته» تقسیم می شوند. علاوه بر این، برچسب ها با کاراکترهای زیر محصور شده اند < و > ، آنها هستند که برچسب را متمایز می کنند از متن ساده html. برخی از ساده ترین تگ های "تک" را در نظر بگیرید:


    - برچسبی که وظیفه پیچیدن به یک خط جدید را بر عهده دارد، در محلی که این تگ تنظیم شده است. بیایید با استفاده از این تگ به کد نگاه کنیم.

    اولین سایت من سلام به همه!
    و این اولین سایت من است.

    نتیجه قابل مشاهده است.


    - برچسبی که یک خط افقی می کشد. این تگ برای عناصر بلاک اعمال می شود، خط همیشه از یک خط جدید شروع می شود. دارای 5 ویژگی:

    • align - تراز خط را تعیین می کند. می تواند مقدار چپ، مرکز، راست را بگیرد.
    • color - رنگ خط را تنظیم می کند.
    • noshade - یک خط بدون جلوه های سه بعدی ترسیم می کند.
    • اندازه - عرض خط را تنظیم می کند.
    • عرض - عرض خط را تنظیم می کند.

    با استفاده از تگ کد کنید


    :

    اولین سایت من سلام به همه!


    و این اولین سایت من است.

    یک نمونه بصری قرار گرفته است.

    یکی دیگر از برچسب های "تک" است . این تگ برای ذخیره اطلاعات در نظر گرفته شده برای مرورگرها و موتورهای جستجو استفاده می شود. موتورهای جستجو به دنبال برچسب های متا برای توضیحات سایت، کلمات کلیدی و سایر داده ها هستند. تعداد نامحدودی متا تگ مجاز است، همه آنها باید بین باشند و . پارامترهای هر متا تگ به شکل "name=value" است که با کلمات کلیدی تعیین می شود محتوا, نامیا http-equiv. زیرا متا تگ ها برای ماشین ها هستند، هیچ تغییر بصری ایجاد نمی کنند، بنابراین من فقط کد منبع را می دهم:

    این خط می گوید که سازنده صفحه فکر می کند که صفحه از رمزگذاری UTF-8 استفاده می کند. در HTML5، همه چیز ساده تر شده است، برای تعیین رمزگذاری، فقط خط زیر کافی است:

    تگ های منفرد دیگری نیز وجود دارد ( , ,
    , , , ,


    , , , , , , , , , ) اما کمی بعد آنها را به شما معرفی خواهم کرد.

    حالا بیایید در مورد "بستن" برچسب ها صحبت کنیم. خود نام "تگ بسته شدن" نشان می دهد که برچسب نیاز به بسته شدن اجباری دارد. این کار به این منظور انجام می شود که به وضوح بخشی از متن را که برچسب روی آن عمل می کند محدود کند.

    برای یک مثال گویا، به برچسب نگاه کنید ، که برای برجسته کردن متن استفاده می شود، وزن قلم را روی پررنگ تنظیم می کند. برچسب ها وحاشیه هایی هستند که ناحیه انتخاب متن را مشخص می کنند. در اینجا کدی است که آخرین خط فراموش کرده است تگ را ببندد :

    اولین سایت من سلام به همه!و این اولین سایت من است.
    سلام به همه! و این اولین سایت من است.

    همانطور که می بینید، هیچ چیز پیچیده ای وجود ندارد، اکنون می توانید چندین صفحه مرتبط با یکدیگر ایجاد کنید.

    برچسب هایی برای برجسته کردن متن

    چندین روش برای برجسته کردن متن در یک صفحه وجود دارد. می توانید این کار را با استایل ها انجام دهید یا می توانید از برچسب ها استفاده کنید. ما (تا کنون) به گزینه دوم علاقه مند هستیم.

    - وزن قلم را روی پررنگ تنظیم می کند.

    - فونت را روی حالت کج قرار می دهد.

    - به متن زیر خط اضافه می کند.

    - برای تاکید بر متن طراحی شده است. مرورگرها چنین متنی را به صورت مورب نمایش می دهند.

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

    - متن را در متن تک فاصله نمایش می دهد. از HTML5 حذف شد.

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

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

    - برای تاکید بر متن طراحی شده است. مرورگرها چنین متنی را به صورت پررنگ نمایش می دهند.

    - اندازه فونت را در مقایسه با متن معمولی یک بار کاهش می دهد. در HTML، اندازه فونت در واحدهای معمولی از 1 تا 7 اندازه گیری می شود و میانگین اندازه متن پیش فرض 3 است. برچسب متن را یک واحد معمولی کاهش می دهد. برچسب های تو در تو مجاز هستند ، با کاهش اندازه قلم با هر سطح تو در تو 1، اما نمی تواند کمتر از 1 باشد.

    - اندازه فونت را در مقایسه با متن معمولی یک بار افزایش می دهد. در HTML، اندازه فونت در واحدهای دلخواه از 1 تا 7 اندازه گیری می شود، و میانگین اندازه متن پیش فرض 3 است. بنابراین، اضافه کردن یک برچسب متن را یک واحد دلخواه افزایش می دهد. برچسب های تو در تو مجاز هستند ، با بزرگتر شدن اندازه قلم با هر سطح.

    - برای برجسته کردن نقل قول ها در متن استفاده می شود. محتوای ظرف به طور خودکار در مرورگر در علامت نقل قول نمایش داده می شود.

    - طراحی شده برای برجسته کردن نقل قول های طولانی در سند. متن علامت گذاری شده با این تگ به طور سنتی به صورت یک کادر تراز شده با تورفتگی های چپ و راست (هر کدام حدود 40 پیکسل) و بالا و پایین پر شده ارائه می شود.

    
    - بلوکی از متن از پیش فرمت شده را تعریف می کند.  چنین متنی معمولاً با فونت تک فاصله با تمام فاصله های بین کلمات نمایش داده می شود.  به طور پیش فرض، هر تعداد فاصله متوالی در کد به صورت یک در صفحه وب نشان داده می شود.  برچسب بزنید 
    به شما امکان می دهد این ویژگی را دور بزنید و متن مورد نیاز توسعه دهنده را نمایش دهید.

    - یک پاراگراف متنی را تعریف می کند. برچسب بزنید

    این یک عنصر بلوک است، همیشه از یک خط جدید شروع می شود، پاراگراف های متنی که یکی پس از دیگری با فاصله بین آنها از هم جدا می شوند. با استفاده از استایل ها می توان میزان بالشتک را کنترل کرد. اگر تگ پایانی وجود نداشته باشد، انتهای پاراگراف به عنوان آغاز عنصر بلوک بعدی در نظر گرفته می شود.

    ..
    ..

    - HTML شش عنوان در سطوح مختلف ارائه می دهد که نشان دهنده اهمیت نسبی بخش قرار گرفته پس از عنوان است. بله تگ کنید

    مهمترین عنوان سطح اول و تگ را نشان می دهد

    برای تعیین سرفصل سطح ششم کاربرد دارد و کمترین اهمیت را دارد. به طور پیش فرض، عنوان سطح اول با بزرگترین فونت پررنگ نمایش داده می شود، عنوان سطح بعدی کوچکتر است. برچسب ها

    ,…,

    عناصر سطح بلوک هستند، همیشه از یک خط جدید شروع می شوند و بعد از آنها عناصر دیگر در خط بعدی ظاهر می شوند. علاوه بر این، یک فضای خالی قبل و بعد از عنوان اضافه می شود. تگ دارای ویژگی است تراز کردن، که تراز هدر را مشخص می کند، می تواند مقادیر را بگیرد ترک کرد- تراز سمت چپ عنوان مرکز- تراز وسط درست- تراز سمت راست توجیه- تراز در عرض (به طور همزمان در لبه های راست و چپ). این مقدار فقط برای هدرهایی کار می کند که بیش از یک خط طول دارند.

    - محفظه ای برای تغییر ویژگی های فونت مانند اندازه، رنگ و فونت است. اگرچه این برچسب هنوز توسط همه مرورگرها پشتیبانی می شود، اما منسوخ شده است و باید به نفع سبک ها منسوخ شود. این تگ دارای 3 ویژگی است: رنگ- رنگ متن را تنظیم می کند، صورت- تایپ فیس را تعریف می کند، اندازه- اندازه فونت را در واحدهای معمولی تنظیم می کند.

    - متن را به عنوان نقل قول یا پاورقی برای مطالب دیگر علامت گذاری می کند. این انتخاب برای تغییر سبک متن از طریق CSS مفید است و همچنین برای تفکیک کد HTML به عناصر ساختاری استفاده می شود. مرورگرها معمولا متن را در داخل ظرف تنظیم می کنند به صورت مورب

    - نشان می دهد که دنباله کاراکتر مخفف است. با یک صفت عنوانرونوشتی از مخفف ارائه شده است، که به افرادی که با آن آشنایی ندارند، این مخفف را درک می کند. علاوه بر این، موتورهای جستجو نسخه کامل متن مخفف را ایندکس می کنند که می تواند برای افزایش رتبه سند استفاده شود.

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

    در زیر کدی وجود دارد که من از تمام این تگ ها استفاده کردم:

    اولین سایت من

    HTMLو cssدو فناوری اصلی برای ساخت صفحات وب هستند. HTML ساختار صفحه را فراهم می کند، cssطرح (بصری و شنیداری) برای انواع دستگاه ها. در کنار گرافیک و اسکریپت نویسی، HTML و CSS اساس ساخت صفحات وب و برنامه های کاربردی وب هستند. در زیر بیشتر بدانید در مورد:

    HTML چیست؟

    HTML زبانی برای توصیف ساختار صفحات وب است. HTML به نویسندگان ابزارهای زیر را می دهد:

    انتشار اسناد آنلاین با عنوان، متن، جداول، لیست، عکس و غیره.
    بازیابی اطلاعات آنلاین از طریق پیوندهای فرامتن، با کلیک یک دکمه.
    طراحی فرم هایی برای انجام معاملات با خدمات از راه دور، برای استفاده در جستجوی اطلاعات، رزرو، سفارش محصولات و غیره.
    صفحات گسترده، کلیپ های ویدئویی، کلیپ های صوتی و سایر برنامه ها را مستقیماً در اسناد خود قرار دهید.
    با HTML، نویسندگان ساختار صفحات را با استفاده از نشانه گذاری توصیف می کنند. عناصر زبان بر قطعات محتوا مانند «پاراگراف»، «فهرست»، «جدول» و غیره.

    XHTML چیست؟

    XHTML یک است نوع HTMLکه از نحو XML، زبان نشانه گذاری توسعه پذیر استفاده می کند. XHTML دارای همه عناصر یکسان (برای پاراگراف ها و غیره) با نوع HTML است، اما نحو کمی متفاوت است. از آنجا که XHTML یک برنامه XML است، می توانید از XML های دیگر استفاده کنید ابزاربا آن (مانند XSLT، زبانی برای تبدیل محتوای XML).

    CSS چیست؟

    CSS زبانی است برای توصیف ارائه صفحات وب از جمله رنگ ها، طرح بندی و فونت ها. این اجازه می دهد تا ارائه را با انواع مختلف دستگاه ها، مانند صفحه نمایش بزرگ، صفحه نمایش کوچک، یا چاپگر تطبیق دهید. cssاست مستقلاز HTML است و می تواند با هر نشانه گذاری مبتنی بر XML استفاده شود زبانزبان جداسازی HTML از CSS نگهداری سایت‌ها، اشتراک‌گذاری شیوه نامه‌ها در صفحات و تطبیق صفحات با محیط‌های مختلف را آسان‌تر می‌کند. این به عنوان جدایی ساختار (یا: محتوا) از ارائه نامیده می شود.

    فونت های وب چیست؟

    فونت های وبفناوری است که افراد را قادر می‌سازد تا از فونت‌ها بر اساس تقاضای وب بدون نیاز به نصب در سیستم عامل استفاده کنند. W3C از طریق فونت های قابل دانلود تجربه دارد HTML، CSS2 و SVG. تا همین اواخر، فونت های قابل دانلود به دلیل عدم وجود قالب فونت قابل همکاری در وب رایج نبودند. تلاش WebFonts قصد دارد از طریق ایجاد یک قالب فونت باز و پشتیبانی شده توسط صنعت به آن رسیدگی کند برای وب (به نام "WOFF").

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

    هنگام نوشتن این مقاله، توضیحات برخی از برچسب ها از اینجا گرفته شده است

    • www.youtube.com/user/agragregra- یک کانال بسیار جالب که به شما کمک می کند تا از ابتدا وب سایت هایی با پیچیدگی های مختلف ایجاد کنید.
    • www.youtube.com/user/ArtSorax- بسیاری از مطالب مفید برای مبتدیان. تاکید بر CSS و JS است.
    • www.youtube.com/user/WebMagistersRu- من شخصا آشنایی خود را با محیط توسعه وب از این کانال آغاز کردم. همه چیز به زبانی در دسترس و قابل فهم گفته می شود، به اصطلاح، اساس اصول اولیه.
    • www.youtube.com/user/loftblog- تیم LoftBlog با مبتدیان و متخصصان و توسعه دهندگان IT مستقر مصاحبه می کند و همچنین آموزش ویدیویی را انجام می دهد.
    • www.youtube.com/user/TheSWAT727- کانال ویدیویی حاوی اطلاعات و مطالب آموزشی در مورد توسعه وب به طور کلی است که شامل Front-end، Back-end، بررسی ویرایشگر متن و سایر اطلاعات مفید برای توسعه دهندگان و طراحان تازه کار است.
    منابع اینترنتی
    • htmlbook.ru - زیارتگاهی برای مبتدیان. این منبع حاوی حجم عظیمی از اطلاعات به شکل در دسترس و قابل درک + انجمن است. اینجاست که به شما توصیه می کنم آشنایی خود را با HTML/CSS شروع کنید.
    • webdesign-master.ru - یک سایت آموزنده برای آشنایی عمیق تر با طراحی و چیدمان وب؛
    • Learn.javascript.ru - نام سایت برای خودش صحبت می کند. به شما توصیه می کنم پس از آشنایی با اصول اولیه HTML5/CSS3 شروع به یادگیری کنید.
    خدمات
    • www.codecademy.com یک سرویس انگلیسی زبان است که در آن می توانید دانش خود را در عمل آزمایش کنید. همه چیز بصری است، دانش عمیق زبان انگلیسی مورد نیاز نیست.
    • htmlacademy.ru - سرویس روسی زبان، که در آن تاکید بر تمرین + کمی تئوری است. منبع، دوره ها و تکالیف بسیار جالب؛
    • jsfiddle.net یک "جعبه ماسه ای" برای توسعه دهندگان وب است. در اینجا، به صورت آنلاین، می توانید کدنویسی کنید و بلافاصله نتیجه را مشاهده کنید. این سرویس به شما کمک می کند تا خطاها را نشان دهید.
    • validator.w3.org - در اینجا می توانید اعتبار کد خود را بررسی کنید تا خطاها یا کاستی های خود را در کد HTML اصلاح کنید.
    • jigsaw.w3.org/css-validator یک سرویس مشابه برای اعتبارسنجی کد CSS است.

    نتیجه

    اطلاعات مفید، صحیح و ضروری زیادی در اینترنت وجود دارد، اما بی فایده تر. یاد بگیرید، تمرین کنید، کدنویسی کنید.

    برچسب ها: آموزش، مطالب، وب سایت، توسعه وب سایت

    این بخش از سایت به طور کامل به دو زبان برای ایجاد سایت یعنی HTML و CSS اختصاص دارد. در اینجا می توانید زبان ها را گام به گام یاد بگیرید، همه چیز را از اصول اولیه تا سخت ترین لحظات یاد بگیرید.

    این بخش بر اساس اصل مطالعه گام به گام مطالب ساخته شده است، بنابراین، قبل از هر عنوان یک درس در HTML و CSS، یک عدد مربوط به شماره ترتیبی درس وجود دارد. در صورتی که بخواهید همه چیز را از پایه یاد بگیرید و سرتان را به هم نریزید، طبیعی است. اگر قبلاً چیزی در مورد زبان‌های HTML و CSS می‌دانید، می‌توانید دانشی را که کمبود دارید در اینجا بیابید یا آنچه را قبلاً آموخته‌اید عمیق‌تر کنید.

    این قسمت شامل درس هایی در مورد استانداردهای زبان HTML5 و CSS3 می باشد که اگر نسخه های جدیدتری از این زبان ها وجود داشته باشد در درس های جدید این قسمت نیز منعکس خواهد شد و حتما متوجه خواهید شد.



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

    هنگامی که ایده کلی در مورد اینکه html در ذهن شما چیست، به وضوح یک تصویر مختلط وجود دارد، و من فکر نمی کنم این تعجب آور باشد. وقت آن است که مستقیماً به تمرین بروید و اولین سند html خود را ایجاد کنید.

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

    انتخابگرها در CSS اساس خود زبان هستند و مطالعه و درک آنها بسیار مهم است، بنابراین در این درس در مورد چندین نوع انتخابگر دیگر به شما می گویم و قابلیت های آنها را شرح می دهم.

    نکته بسیار مهم در ایجاد سایت کار با متن است و همانطور که متوجه شدید باید بتوانید با متن در html نیز کار کنید و بدانید تگ ها چیست و چگونه می توان از آنها استفاده کرد.

    بعد از اینکه تمام تگ های html برای کار با متن را یاد گرفتید، اکنون زمان آن رسیده است که مستقیماً به CSS کار با متن بروید که دانش و قابلیت های شما را تا حد زیادی گسترش می دهد.

    CSS دارای تعداد زیادی از انواع ویژگی های راحت و با کیفیت است، و ما در این درس به مطالعه CSS کار با متن ادامه می دهیم، به موضوع کار با متن می پردازیم و ویژگی های متن جدید را در نظر می گیریم.

    کار با تصاویر هنگام ایجاد از یک سایت یکی از نکات کلیدی است، چه در هنگام ایجاد یک طرح، و چه در هنگام طرح بندی ساده یا نوشتن مطالبی برای سایت شما.

    CSS تا حد زیادی امکانات کار با هر شی html را گسترش می دهد، در این درس می خواهم جزئیات پارامترهایی را که می توان روی تصاویر اعمال کرد به شما بگویم.

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

    بیا شروع کنیم! برای شروع، بیایید دریابیم
    HTML- (از انگلیسی. H ypert ext Markup L زبان) یک زبان نشانه گذاری فرامتن است. اولین بار توسط دانشمند بریتانیایی تیم برنرز لی در سال های 1991-1992 توسعه یافت. HTML فقط برای علامت گذاری متن، تصاویر و جداول در صفحات وب بود. اکنون زبان های برنامه نویسی اضافی مانند جاوا اسکریپت، VBScript را می توان در سند HTML درج کرد.

    HTML یک زبان برنامه نویسی نیست، فقط برای علامت گذاری اسناد متنی در نظر گرفته شده است.

    برای یادگیری HTMLفقط باید یک مرورگر و دفترچه یادداشت استاندارد یا .
    برای باز کردن دفترچه یادداشت استاندارد، موارد زیر را در رایانه خود انجام دهید: شروع => برنامه ها => لوازم جانبی => دفترچه یادداشت .

    اگر در مورد برنامه‌هایی شنیده‌اید که نوشتن کدهای HTML را آسان‌تر می‌کنند (Microsoft FrontPage، Adobe Dreamweaver)، پس استفاده از آنها را در این مرحله از یادگیری توصیه نمی‌کنم. دست خود را در یک دفترچه یادداشت استاندارد یا در ویرایشگر متن Notepad ++ پر کنید، و پس از اتمام این دوره، می توانید از برنامه های افزایش سرعت استفاده کنید. در به روز رسانی های وبلاگ من مشترک شوید و نحوه استفاده از Microsoft FrontPage، Adobe Dreamweaver را بخوانید.

    برای درک بهتر یک مثال آماده کرده ام. نقاشی را با دقت در نظر بگیرید:

    توضیح.

    1). هر سند HTML با این خط شروع می شود:


    "https://www.w3.org/TR/html4/loose.dtd">

    با این خط به مرورگر می گوییم که سند HTML ما با مشخصات بین المللی نسخه 4.01 مطابقت دارد. به لطف این خط، صفحه شما یکسان خواهد بود.
    لازم نیست این خط را به خاطر بسپارید، سند HTML بدون آن کار می کند. این فقط برای این است که بدانید چیست.

    2). وابتدا و انتهای سند هستند.

    3). و- سر سند. تگ های خدمات اضافی اغلب در اینجا درج می شوند، یکی از این برچسب ها است . در درس های بعدی با سایر تگ های سرویس آشنا خواهید شد، در این مرحله از یادگیری این اطلاعات کافی است.

    4). و- عنوان سند
    این عنوان در مرورگر نمایش داده می شود:

    در جستجوی Index یا در گوگل.

    5). و- بدنه سند
    محتوای سند در اینجا قرار دارد، به عنوان مثال، متن، تصاویر، جداول، موسیقی، فیلم و غیره. در درس های زیر با نحوه درج موسیقی، متن، تصاویر در بدنه یک سند آشنا خواهید شد.

    توجه داشته باشید:

    اغلب مجبور خواهید بود کلمه "تگ" را بخوانید و بشنوید.
    تگ همه چیز بین پرانتز است.< >. مثلا: , , <html> , <head> , <br> , <p> </i>و دیگران - همه اینها برچسب هستند. <br>وقتی صفحه در مرورگر مشاهده می‌شود، تگ‌ها قابل مشاهده نیستند، اما هر چیزی که در داخل پرانتز نباشد، هنگام مشاهده در مرورگر نمایش داده می‌شود.</p> <p>برچسب های زیادی وجود دارد و اهداف متفاوتی دارند.</p> <p>برچسب هایی هستند که باید بسته شوند. مثلا، <br>باز کردن برچسب <i><p> </i> <br>و حتما تگ را ببندید <i></p> </i> </p> <p>و تگ های تکی وجود دارد، به عنوان مثال، این یکی <i><br> </i> .</p> <p>تگ نوعی محفظه است که می تواند حاوی متن، عکس و سایر برچسب ها باشد...</p> <p>○ به ترتیب صحیح باز و بسته شدن تگ ها توجه کنید:</p> <p><тэг1> <тэг2> <тэг3> ... </тэг3> </тэг2> </тэг1> <i> </i></p> <p>برچسبی که اول باز کردیم آخرین بسته است، دومی - ماقبل آخر و غیره.</p> <p>○ و در اینجا یک مثال از یک دنباله نادرست از باز و بسته شدن برچسب ها است. با این ترتیب، ممکن است خطاهایی در صفحه وب وجود داشته باشد:</p> <p><тэг1> <тэг2> <тэг3> ... </тэг3> </тэг1> </тэг2> </p> <p>خطا در بود<тэг1>و<тэг2> .<br>در نوشتن کد دقت کنید.</p> <p><img src='https://i2.wp.com/bloggood.ru/wp-content/uploads/2013/05/osnovi-html-100.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p><b>کد آماده</b><br>کد HTML مورد نیاز تمام شده یک صفحه وب به این صورت است.</p><p> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>عنوان صفحه متن صفحه، جداول، تصاویر، موسیقی و ویدئو.

    اگر از همه موارد فوق کم یا تقریباً هیچ چیز را درک نمی کنید، ناامید نشوید. در درس دوم تمرین بیشتری وجود خواهد داشت و شما می توانید همه چیز را با دست بنویسید و ببینید HTML چگونه کار می کند.

    به درس بعدی بروید

    در دنیای امروز، گاهی اوقات داشتن وب سایت خود به اندازه داشتن شماره تلفن یا آدرس ایمیل اهمیت دارد. متأسفانه، همه نمی توانند به تنهایی یک وب سایت حرفه ای زیبا بسازند، و گاهی اوقات حتی یک منحنی کار نمی کند. سفارش از برنامه نویسان نیز راه حل ایده آلی نیست، زیرا همه نمی توانند آن را بپردازند.

    قالب های رایگان وب سایت HTML به شما کمک می کند تا از این وضعیت خلاص شوید. قالب سایت HTML مجموعه ای از صفحات استاتیک آماده برای یک سایت با موضوع خاصی است. با استفاده از این الگو، می توانید یک وب سایت ساده را تنها در چند ساعت، با دانش اولیه نشانه گذاری HTML ایجاد کنید. در بخش HTML، اگر یکی دو ساعت دیگر را صرف مطالعه کنید، این دانش را به دست خواهید آورد و اگر در بخش CSS وقت صرف نکنید، می توانید طراحی قالب های سایت HTML را به طور کامل کنترل کنید و آنها را به طور کامل شخصی سازی کنید. به نیازهای شما

    یکی دیگر از مزیت های انکار ناپذیر قالب های وب سایت این است که در بیشتر موارد توسط افراد حرفه ای نوشته می شوند. قالب سایت حرفه ای نه تنها به معنای طراحی زیبا و مدرن است، بلکه به معنای نحوه نگارش کد نیز می باشد. موتورهای جستجو به نحوه نگارش سایت شما نگاه می کنند، اینکه آیا کد بهینه شده سئو شده است یا خیر، و بر این اساس موقعیت های شما را در نتایج جستجو کاهش یا افزایش می دهند. بنابراین یک سایت خوب نه تنها باید زیبا و مدرن باشد که مهم است، بلکه از نظر کدنویسی نیز باید خوش خط باشد.

    قالب های رایگان وب سایت HTML را دانلود کنید و پروژه های خود را در کمترین زمان ایجاد کنید.