Contents

جهت یابی:

این راهنما شامل موضوعات زیر است –


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

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

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

    در اینجا برخی از نسخه راهنمای HTML ما برای وبلاگ نویسان و صاحبان مشاغل آنلاین غیرتکنولوژی ارائه شده است.

    HTML ستون فقرات اینترنت امروز است. میلیون ها وب سایت با هم اینترنت را تشکیل دادند. که در آن HTML ساختار کلیه این وب سایتها است.

    Q مبتدی&آ

    1- HTML چیست؟?

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

    HTML توسط “Elements” نمایش داده می شود. عناصر همچنین به عنوان “برچسب ها” نیز شناخته می شوند.

    2- چرا HTML لازم است?

    مرورگرهای وب فقط وقتی می توانند وب سایت ارائه دهند که به زبان پشتیبانی شده نوشته شده باشد. HTML رایج ترین زبان نشانه گذاری است و بیشترین پذیرش را برای مرورگرهای وب دارد.

    به همین دلیل به HTML احتیاج دارید.

    3- آیا مورد HTML حساس است?

    HTML حساس نیست. اما بهترین کار نوشتن HTML با موارد مناسب است.

    مراحل ایجاد اولین فایل HTML شما

    می توانید با استفاده از Notepad در رایانه خود یک فایل HTML اساسی ایجاد کنید. اما برای نوشتن بسیاری از خطوط کد دردناک خواهد بود.

    شما به ویرایشگر کد احتیاج دارید. ویرایشگر کد خوب نوشتن و سازماندهی کدهای بزرگ را آسان تر می کند.

    من برای نوشتن زبانهای وب از Notepad ++ (رایگان و منبع باز) استفاده و توصیه می کنم. ویرایشگرهای دیگری نیز وجود دارند که ممکن است از آنها مانند Sublime Text ، Atom و غیره استفاده کنید.

    در اینجا کارهایی که شما باید انجام دهید:

    1. ویرایشگر کد را نصب کنید
    2. بازش کن
    3. یک پرونده جدید ایجاد کنید
    4. آن را به عنوان یک پرونده .html ذخیره کنید

    شما آماده رفتن هستید!

    1- سلام جهان!

    کد زیر را در پرونده HTML جدید خود کپی و جایگذاری کرده و آن را ذخیره کنید. اکنون آن را در مرورگر وب خود اجرا کنید.

    کد:

    صفحه اول من

    سلام دنیا!

    خروجی:

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

    درک ساختار HTML

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

    بنابراین سعی کنید آن را از “سلام جهانی!” درک کنیم. کد عناصر زیر اجزای اجباری برای هر پرونده HTML هستند.

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

    2- برچسب های HTML

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

    برچسب های HTML معمولاً دارای برچسب باز و بسته هستند. برچسب بازشده دارای کلمه کلیدی است که کمتر از آن احاطه شده است (<) و بزرگتر از (>) امضا کردن. برچسب بستن همه چیز مشابه است اما یک برش اضافی به جلو (/) بعد از کمتر از (<) امضا کردن.

    (2a) برچسب های سر

    همه برچسب های سر بین و. آنها حاوی اطلاعات متا برای مرورگر وب و موتورهای جستجو هستند. آنها اساساً هیچ خروجی بصری ندارند.

    برچسب عنوان عنوان یک صفحه وب را که در برگه مرورگر قابل مشاهده است تعریف می کند. این اطلاعات توسط برنامه های وب و موتورهای جستجو استفاده می شود. در هر پرونده HTML می توانید بالاترین عنوان را داشته باشید.

    کد:

    صفحه اول منبرچسب عنوان در بالای مرورگر شما ظاهر می شود.

    برچسب پیوند صفحه HTML شما را با منابع خارجی پیوند می دهد. کاربرد اصلی آن پیوند صفحه HTML با شیوه نامه های CSS است. این یک برچسب بسته شدن است و نیازی به پایان ندارد. در اینجا rel مخفف رابطه با پرونده و src به معنی منبع است.

    کد:

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

    کد:

    برچسب اسکریپت برای شامل یک اسکریپت سمت سرور یا ایجاد پیوند به یک فایل اسکریپت خارجی استفاده می شود. این می تواند در تگ افتتاحیه دو ویژگی داشته باشد. یکی نوع است و دیگری منبع (src).

    کد:

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

    کد:

    افسوس! اسکریپت ها غیرفعال هستند.

    (2b) برچسب های بدن

    تمام برچسب های بدن بین و. آنها خروجی بصری دارند. اینجاست که بیشترین کار انجام می شود. شما باید از این برچسب ها برای ساختن محتوای صفحه اصلی خود استفاده کنید.

    به

    اینها برچسب های عنوان هستند. مهمترین عنوان با برچسب گذاری شده است

    و کمترین اهمیت را با

    . شما باید از آنها در سلسله مراتب صحیح استفاده کنید.

    کد:

    این یک عنوان h1 است

    این یک عنوان h2 است

    این یک عنوان h3 است

    این یک عنوان h4 است

    این عنوان h5 است
    این یک عنوان h6 است

    خروجی:

    قالب بندی برچسب ها

    متن در یک فایل html با استفاده از بسیاری از برچسب های قالب بندی می تواند قالب بندی شود. لازم است وقتی می خواهید یک کلمه یا خط را از محتوای خود برجسته کنید.

    کد:

    می توانید متن خود را از بسیاری جهات برجسته کنید.

    تو می توانی جسورانه, تأکید, italic، mark، subscript، superscript و موارد دیگر!

    خروجی:

    با استفاده از برچسب نظر می توانید برخی از کدها را از رندر کردن جدا کنید. کد در کد منبع نشان داده می شود اما ارائه نمی شود. کاربرد اصلی این برچسب برای ایجاد مستندات پرونده های html برای مراجعه بعدی است.

    مثال:

    Jeffrey Wilson Administrator

    Sorry! The Author has not filled his profile.
    follow me