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

HTML چیست؟

HTML این به عنوان یک زبان نشانه گذاری Hypertext رمزگشایی شده است (از زبان انگلیسی. زبان نشانه گذاری Hypertext). این زبان مسئول دقیقا چگونگی نمایش HyperText در صفحات سایت است. حالا بیایید آن را شکل دهیم، چه چیزی متنوع است؟ این راز نیست که یک صفحه وب جداگانه ممکن است اطلاعاتی متفاوت داشته باشد، متن، برخی از جداول، گرافیک، فیلم، صوتی و غیره. بنابراین، تمام این اطلاعات را می توان در یک کلمه - hypertext نامیده می شود.

توجه داشته باشید که HTML زبان نشانه گذاری است، و نه زبان برنامه نویسی. در این زبان هیچ توابع منطقی وجود ندارد و هر محاسبات ریاضی بر روی آن غیر ممکن است. صفحات HTML دارای یک فرمت هستند .html یا .htm و پردازش شده توسط مرورگرها - یعنی موزیلا فایرفاکس، گوگل کروم، کروم Yandex، اپرا و غیره

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

ساختار سند HTML

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

...

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

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

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

4. متا برچسب "توضیحات" - محتوای صفحه کوتاه، طراحی شده برای موتورهای جستجو. این برچسب برای بهینه سازی موتور جستجو مهم است و باید پر شود.

5. متا برچسب "کلمات کلیدی" - کلمات کلیدی که می تواند در صفحه رخ دهد. این تگ نیز برای موتورهای جستجو طراحی شده است. در حال حاضر این برچسب به ندرت مورد استفاده قرار می گیرد.

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

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

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

سند HTML یک سند متنی معمولی است، می تواند به عنوان در ویرایشگر متن معمول ایجاد شود. (نوت بوک)و در یک تخصصی، با کد نورپردازی (دفترچه یادداشت ++، کد ویژوال استودیو، و غیره). سند HTML دارای یک فرمت است .html.

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

برچسب شروع نشان می دهد که در آن عنصر شروع می شود، نهایی - جایی که آن را به پایان می رسد. برچسب بسته شدن این با اضافه کردن یک اسلش / قبل از نام تگ شکل گرفته است:<имя тега> … . بین تگ های اولیه و بسته بندی محتوای محتوای برچسب وجود دارد.

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

برچسب ها را می توان در هر یک از دیگر سرمایه گذاری کرد، به عنوان مثال،

متن

. هنگام سرمایه گذاری، دستور بسته شدن آنها باید دنبال شود. (اصل "Matryshka")به عنوان مثال، ورود بعدی نادرست خواهد بود:

متن

.

عناصر HTML ممکن است ویژگی هایی داشته باشند (جهانی مناسب برای تمام عناصر HTML و خودشان). ویژگی ها در برچسب عنصر کشف نوشته شده اند و حاوی نام و مقدار مشخص شده در فرمت نام Attribute \u003d "Value" هستند. ویژگی ها به شما اجازه می دهد تا خواص و رفتار موردی را که آنها مشخص شده تغییر دهید.

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