یادگیری HTML

فهرست مطالب:

یادگیری HTML
یادگیری HTML
Anonim

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

HTML مخفف HyperText Markup Language است، یعنی زبانی برای سازماندهی متن.

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

بیایید یادگیری HTML را از ابتدا شروع کنیم

همانطور که زبان انگلیسی از حروف A، B، C و غیره تشکیل شده است، HTML نیز از "حروف" عجیب و غریب تشکیل شده است:

،،

و غیره. این "حروف" عجیب زبان HTML توسط وب مسترها تگ نامیده می شود.

در زیر نمونه ای از تگ HTML است.


برچسب ها یک زیرخط در اطراف لبه های این متن ایجاد کنید.

برچسب‌های HTML جفت‌شده با سبک‌های زبان CSS به شما امکان می‌دهند تا به سرعت و کارآمد وب‌سایت‌هایی ایجاد کنید.

جایگاه HTML در میان سایر زبانها

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

وب سایت مدرن به زبان های زیر ساخته شده است:

  1. HTML (ساختار و ترتیب).
  2. CSS (محتوای سبک).
  3. JavaScript (عملکردهای مرورگر).
  4. PHP (عمل سرور).
  5. SQL (ذخیره‌سازی داده).

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

تگ

زبان HTML در طول سالها از زمان پیدایش خود تغییر کرده است. در حال حاضر، اکثر سایت های اینترنتی به آخرین نسخه زبان - HTML5 در حال حرکت هستند. اما حتی در HTML5، اصول زبان بدون تغییر باقی می‌ماند.

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

این برچسب ها، مانند نان در یک ساندویچ، همه چیز را در داخل احاطه کرده است.


تگ

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

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


همه گزینه هایی کهرا می توان در داخل تگ پیکربندی کرد، ما به آن نگاه خواهیم کرد، اما کمی بعد - زمانی که زمان آن فرا رسید.

تگ

برچسب، مانند تگ، داخل تگ است.

این برچسب برای نمایش تمام اطلاعاتی که می خواهید در سایت شما نمایش داده شود مورد نیاز است.

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

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


… …

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

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

  • . مرزهای یک صفحه وب را مشخص می کند.
  • . حاوی تنظیماتی برای نمایش یک صفحه وب در مرورگر است.
  • . شامل تمام عناصر صفحه وب (تصاویر، فیلم ها، متن و غیره) است که می خواهید به بازدیدکنندگان سایت نشان دهید.

برچسب های دیگر مانند,,, به زودی در مورد آنها صحبت خواهیم کرد.

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

مشخص است که اپراتورهای تلفن همراه ("MTS"، "MegaFon" و غیره) خدمات تلفن همراه را به ما ارائه می دهند. به همین ترتیب خدمات ایجاد و مدیریت سایت ها توسط اپراتورهای هاست به ما ارائه می شود. برای ایجاد وب سایت خود، به سایت هر اپراتور میزبانی رایگان بروید.

ارائه دهندگان میزبانی تأیید شده شامل BEGET یاreg، برای مثال. شما می توانید هر کسی را انتخاب کنید.

پس از یک ثبت نام کوتاه، پس از 24 ساعت، اولین وب سایت شما در اینترنت به طور خودکار ایجاد می شود که برای تمام دنیا قابل مشاهده است و می توانید شروع به تمرین کنید!

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

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

ساختار یک سایت مدرن
ساختار یک سایت مدرن

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

به عنوان مثال، در داخل برچسب ها … قرار دادن عنوان سایت (برچسب ها) و توضیحات سایت (برچسب ها) راحت است.

قرار دادن منو (پیوندها) سایت (برچسب) در داخل برچسب ها راحت است.

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

) و بیشتر.

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

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

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

بنابراین، وقتی فایل منیجر را در سایت اپراتور میزبان خود باز می کنید و سندی به نام index.php پیدا می کنید، با خیال راحت ساختار سایت خود را مانند از ابتدا در آن بنویسید.

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

عنوان صفحه

شرح صفحه

لینک شماره 1 | لینک شماره 2 | پیوند شماره 3

عنوان برخی مقاله

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

یادتان هست گفتیم که تنظیمات مختلفی برای سایت وجود دارد؟ خب، اینجاست:

  1. با استفاده از مرورگرها نشان می دهیم که سایت می تواند دارای حروف روسی و انگلیسی باشد (در غیر این صورت، وقتی سایت را باز می کنید، krakozyabry وحشتناکی خواهید دید).
  2. برای نشان دادن نام صفحه استفاده می شود که در برگه مرورگر و در موتور جستجو ("Yandex"، Google و موارد مشابه) نمایش داده می شود.

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

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

توصیه شده: