سینتکس کامل زبان html. نحو PHP. مبانی زبان HTML

HTMLمخفف HyperText Markup Language ( زبان نشانه گذاری فرامتن):

• زبانبه این معناست که هم توسط انسان و هم توسط کامپیوتر قابل خواندن است.
• نشانه گذاریبه این معنی است که کدی که می نویسید با کلمات کلیدی تگ شده است.
• فرامتنیعنی از HTTP به عنوان بخشی از اینترنت استفاده می کند.

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

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

آنچه در براکت های زاویه می بینید< и >تماس گرفت برچسب ها HTML. آنها تعیین می کنند که چیزی از کجا شروع می شود و کجا به پایان می رسد.

من قبلاً در جایی که بودم یک ورودی مرجع HTML ایجاد کردم لیست کاملهمه برچسب ها و معانی آنها لینک این پست -

هر تگ خاصی دارد معنی. در مورد ما<р>مخفف پاراگرافمتن

آنها معمولاً جفت می آیند:

• برچسب باز کردن<р>ابتدای یک پاراگراف را تعریف می کند.
• برچسب بسته شدن
  پایان آن را مشخص می کند.

تنها تفاوت بین تگ های باز و بسته، اسلش / قبل از نام تگ است.

وقتی تگ شروع، تگ پایان و همه چیز را با هم ترکیب می کنید، به دست می آورید عنصر HTML.

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

گروه ها را تگ کنید

همه تگ ها به 2 نوع درون خطی و بلوکی تقسیم می شوند.

مسدود کردنعناصری مانند:

• پاراگراف ها<р> ;
• لیست ها: نامرتب (با نشانگر)
  یا لیست های سفارش داده شده (با شماره)
  ;
  1. سرفصل ها: از سطح اول

     تا سطح ششم

     ;

  2. مقالات
     ;
  3. بخش ها
     ;
  4. نقل قول های طولانی

     .

  حروف کوچکعناصری مانند:

  • پیوندها ;
  • کلمات برجسته شده ;
  • کلمات مهم ;
  • نقل قول های کوتاه ;
  • اختصارات .

  مسدود کردنعناصر برای ساختاربخش های اصلی صفحه شما، با تقسیم محتوا به بلوک های منطقی مرتبط.

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

  ویژگی های

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

  ویژگی ها در داخل تگ افتتاحیه در این قالب قرار می گیرند: <тег атрибут1=”значение” атрибут2=”значение”> .

  نقل قول ها می توانند هر کدام باشند - تک یا دوتایی، در صورتی که مقدار مشخصه از یک کلمه تشکیل شده باشد، به هیچ وجه مجاز نیست آنها را قرار ندهید (اما این مطلوب نیست).

  کجا HTML بنویسیم

  احتمالاً با فایل‌های متنی ساده، آنهایی که پسوند txt دارند، برخورد کرده‌اید. به چنین فایل متنیتبدیل شد سند HTML(به جای متن)، باید از پسوند html استفاده کنید.

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

  به منظور کار با فایل های HTMLراحت بود، می توانید از ویرایشگر ویژه ای استفاده کنید که برای کار با این نوع فایل طراحی شده است. یکی از این ویرایشگرها است متن عالی 3، قبلاً از نوشته های قبلی خود در مورد او نوشته ام. اینم لینک ورودی -

  در یک فایل چه چیزی بنویسیم

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

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

  • - این کدی است که به مرورگر می گوید ما از چه چیزی استفاده می کنیم آخرین نسخه HTML-HTML5
  • - در داخل این تگ تمامی تگ هایی قرار دارند که وظیفه عملکرد سایت را بر عهده دارند. در اینجا ما شامل فایل های شخص ثالث، شامل اسکریپت ها، مشخص کردن رمزگذاری ها و موارد دیگر می شویم.
  • body - داخل این تگ تگ هایی وجود دارد که نمایش داده می شود و می توانیم کار آنها را به صورت بصری بررسی کنیم.

  بیایید سعی کنیم به صورت بصری کار کد را مشاهده کنیم، متن را نمایش دهیم:

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

  چگونه می توانید هر یک از این برچسب ها را با یک تگ بسته جایگزین کنید، چیزی که قبلا در مورد آن صحبت کردیم. کل ساختار کد HTML شبیه یک "matryoshka" است. یک تگ درون تگ دیگری تودرتو شده است.

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

  والدینبرچسبی را که حاوی تگ مورد نظر است نام ببرید.

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

  برادرانهتگ هایی را که هم سطح تگ مورد نظر هستند نام ببرید.

  این رابطه با این مثال به راحتی قابل درک است:

  <مقاله> <h1> نقل قول های معروف فوتبال</h1> <پ> آقا<قوی> الکس فرگوسن</قوی> یک بار در مورد فیلیپو اینزاگی گفت:<q> این مرد باید در آفساید به دنیا می آمد</q> . </پ> <پ> وقتی توسط جان کارو مورد انتقاد قرار گرفت،<قوی> زلاتان ابراهیموویچ</قوی> پاسخ داد:<q> کاری که کارو با توپ انجام می دهد، من می توانم با یک پرتقال انجام دهم.</q> </پ> <پ> <قوی> جورج بست</قوی> گفت:<q> من پول زیادی برای مشروب، دختران و ماشین های سریع خرج کردم. بقیه را فقط هدر دادم</q> , - وقتی در مورد سبک زندگی او سوال شد.</پ> </ مقاله>

  در این ساختار:

  • است جدبرای هر عنصر دیگر؛
  • است والدینبرای

    و سه<р> ;

  • و سه<р>هستند برادرانهبرای همدیگر؛

  • هر یک<р>است والدینبرای و که آنها حاوی
  • هر یک

    ,

    , و -همه فرزندان

    .

  قیاس شجره نامه همچنین هنگام عبور از چندین لایه تودرتو در HTML اعمال می شود:

  • نسلعنصر X هر عنصری است داخلایکس؛
  • کودک- ساده است سر راستنسل؛
  • جدعنصر Y هر عنصری است.
  • والدین- این اولین مورد است سر راستجد

  در اینجا چیزی است که ما از این درس آموختیم

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

  تگ های HTMLاساس زبان HTML است. از تگ ها برای تعیین حد شروع و پایان عناصر در نشانه گذاری استفاده می شود.

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

  تمام عناصر HTML به پنج نوع تقسیم می شوند:

  • عناصر خالی — , ,
    , , ,

    ---

    , , , , , , , , , ;
  • عناصر متن ساده — - برچسب ها می توانند حاوی کد جاوا اسکریپت باشند یا به یک فایل js خارجی ارجاع دهند

    AT بدنه سند HTMLمعمولاً حاوی اطلاعات اصلی است که در صفحه می بینیم، ممکن است برچسب های زیر وجود داشته باشد:
    

    - عنوان مقاله، سطح اول،
    - تصویر،
    - پاراگراف،
    - ارتباط دادن،
    - جدول،
    
    - فرم ورود اطلاعات،
    و غیره.

    قوانین نوشتن کد HTML

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

    • تگ های بلوکی که در داخل تگ های دیگر قرار دارند باید یک خط زیر و یک فاصله (برگه ترجیح می دهید) در سمت راست تگی که در آن قرار گرفته است قرار گیرند. برای مثال، عنوان h1 و پاراگراف p به این ترتیب، نسبت به تگ بدنه، در طرح کلی سند HTML در ابتدای این مقاله قرار گرفته اند.
    • بستن و باز کردن برچسب های یک عنصر می تواند در یک سطح باشد، مانند برچسب ها ، یا تگ پایان می تواند در انتهای متن ظاهر شود، مانند تگ های پایانی عنوان، h1 و عناصر p.
    • عناصری که با یکدیگر معادل هستند نیز می توانند در یک سطح قرار گیرند، در طرحواره سند HTML که در بالا قرار دارد، head and body، h1 و p معادل یکدیگر هستند.
    • در واقع، تمام کدهای HTML را می توان در یک خط نوشت و مرورگر همچنان صفحه HTML را به درستی نمایش می دهد. قوانین نحوی زبان HTML، که در آن تگ ها باید یکی زیر دیگری و در سمت چپ نوشته شوند، فقط برای ایجاد و تغییر کد صفحه HTML در آینده برای مدیر وب سایت راحت تر وجود دارد.

    در اینجا نکات دیگری وجود دارد که باید هنگام ایجاد کد در نظر بگیرید:

    1. مهم نیست چقدر فضا قرار می دهید ویرایشگر متن ، مرورگر آنها را به صورت یک فضای واحد نشان می دهد.
    2. شکستگی خط و برگه ها در یک ویرایشگر متن توسط مرورگر شناسایی نمی شوند.
    3. اگر نیاز به شکستن خطی دارید که باید در صفحه HTML قابل مشاهده باشد، از تگ استفاده کنید
       .
    4. اگر به یک برگه نیاز دارید (مثلاً برای ایجاد یک خط قرمز) که باید در یک صفحه HTML قابل مشاهده باشد، از چند کاراکتر ویژه فضای بدون شکستگی یا ویژگی CSS با تورفتگی متن استفاده کنید.