Belajar HTML

Teg HTML yang dipasangkan dengan gaya bahasa CSS membolehkan anda membuat tapak web dengan cepat dan cekap.

Tempat HTML antara bahasa lain

Seperti yang anda tahu, tapak web yang bagusdibina dalam sekurang-kurangnya 5 bahasa.

Tapak web moden dibina dalam bahasa:

1. HTML (struktur dan susunan).
2. CSS (kandungan gaya).
3. JavaScript (tindakan penyemak imbas).
4. PHP (tindakan pelayan).
5. SQL (storan data).

HTML ialah bahasa asas utama yang menjadi asas kepada orang lain. Oleh itu, mempelajari HTML hendaklah menjadi langkah pertama bagi sesiapa yang belajar cara membina tapak web di web.

Tag

Bahasa HTML telah berubah selama bertahun-tahun sejak penubuhannya. Pada masa ini, kebanyakan tapak Internet sedang beralih ke versi terkini bahasa - HTML5. Tetapi walaupun dalam HTML5, asas bahasa tetap tidak berubah.

Struktur halaman HTML adalah seperti sandwic. Sama seperti sandwic yang mempunyai dua keping roti, dokumen HTML mempunyai teg HTML pembuka dan penutup.

Teg ini, seperti roti dalam sandwic, mengelilingi segala-galanya di dalamnya.

Tag

Sambil anda meneruskan pembelajaran HTML, anda pasti akan membiasakan diri dengan teg tersebut. Terus di dalam teg induk adalah semua kandungan tapak, termasuk teg. Teg ini diperlukan dan mengandungi semua tetapan halaman tapak yang mana ia ditulis. Tetapan ini tidak kelihatan kepada pelawat tapak, hanya penyemak imbas (Google Chrome, Mozilla Firefox, dll.) yang melihatnya.

Blok tetapan halaman web mengandungi semua elemen "tidak dipaparkan" yang membantu penyemak imbas memaparkan tapak anda dengan betul di web.

Semua pilihan ituboleh dikonfigurasikan di dalam teg, kami akan melihatnya, tetapi sedikit kemudian - apabila tiba masanya.

Tag

Teg, seperti teg, berada di dalam teg.

Teg ini diperlukan untuk memaparkan di tapak anda semua maklumat yang ingin anda paparkan.

Tajuk, perenggan, jadual, gambar dan pautan hanyalah sebahagian kecil daripada elemen yang boleh terkandung di dalam teg.

Struktur asas dokumen HTML:

Tapak pertama anda

Kini anda tahu bahawa anda boleh membuat tapak web menggunakan HTML dan teg asas digunakan untuk ini:

• . Menggariskan sempadan halaman web.
• . Mengandungi tetapan untuk memaparkan halaman web dalam penyemak imbas.
• . Mengandungi semua elemen halaman web (imej, video, teks dan sebagainya) yang anda ingin tunjukkan kepada pelawat tapak.

Teg lain seperti,,, kita akan bincangkan tidak lama lagi.

Alangkah baiknya jika pembaca bukan sahaja membaca artikel ini, tetapi juga segera berlari untuk mengasah kemahiran mereka. Untuk mengasah kemahiran HTML anda, anda perlu membuat tapak web pertama anda, yang akan berfungsi sebagai tempat ujian untuk kemahiran baharu anda.

Adalah diketahui bahawa pengendali mudah alih ("MTS", "MegaFon" dan sebagainya) memberikan kami perkhidmatan mudah alih. Dengan cara yang sama, perkhidmatan untuk penciptaan dan pengurusan tapak disediakan kepada kami oleh pengendali pengehosan. Untuk membuat tapak web anda, pergi ke tapak mana-mana pengendali pengehosan percuma.

Pembekal pengehosan yang disahkan termasuk BEGET ataureg, contohnya. Anda boleh memilih sesiapa sahaja.

Selepas pendaftaran singkat, selepas 24 jam, tapak web pertama anda di Internet akan dibuat secara automatik, yang akan kelihatan kepada seluruh dunia, dan anda boleh mula berlatih!

Struktur tapak moden

Sekarang anda mempunyai tapak anda, semak jenis teg yang mengandungi teg dan cara ia menyusun maklumat di tapak.

Gambar di atas ialah gambaran skematik struktur yang disertakan dengan versi terkini bahasa HTML - HTML5. Bersama-sama dengan HTML5 datang bukan sahaja teg baharu, tetapi juga makna membina tapak web. Semua tag yang anda lihat dalam gambar terkandung dalam tag utama. Teg ini membantu anda "menggariskan" struktur tapak anda dan memberi makna.

Sebagai contoh, dalam teg … adalah mudah untuk meletakkan tajuk tapak (teg) dan penerangan tapak (teg).

Adalah mudah untuk meletakkan menu (pautan) tapak (teg) di dalam teg.

Adalah mudah untuk meletakkan sebarang blok besar maklumat yang berkaitan dengan makna di dalam tag. Ia boleh terdiri daripada beberapa artikel, setiap satunya "dibalut" dalam tag, atau foto (tag), atau jadual (tag

) dan banyak lagi.

Adalah mudah untuk meletakkan sebarang maklumat di dalam tag yang tidak sesuai dengan maksud.

Di dalam teg, adalah kebiasaan untuk meletakkan maklumat tambahan seperti maklumat hubungan, bahagian tambahan tapak dan sebagainya.

Jadi kini anda lebih mahir tentang bahan tapak web moden. Mari kita ambil contoh untukpergolakan di kepala saya digantikan dengan rasa kagum dari pandangan.

Jadi, apabila anda membuka pengurus fail di tapak pengendali pengehosan anda dan menemui dokumen yang dipanggil index.php, sila tulis di dalamnya, seolah-olah dari awal, struktur tapak anda.

Tapak web pertama saya

Tajuk halaman
Perihalan halaman
Pautan 1 | Pautan 2 | Pautan 3

Tajuk beberapa artikel

Ini ialah blok yang mengandungi sebarang maklumat, dan dengan bantuan CSS anda boleh mewarnakan blok ini, dan keseluruhan tapak dengan semua kandungannya, mengikut cara yang anda mahukan. © Hak cipta terpelihara

Ingatkah kami mengatakan bahawa terdapat tetapan yang berbeza untuk tapak? Nah, ini dia:

1. Dengan menggunakan penyemak imbas, kami menunjukkan bahawa tapak tersebut boleh mengandungi kedua-dua aksara Rusia dan Inggeris (jika tidak, apabila anda membuka tapak, anda akan melihat krakozyabry yang mengerikan).
2. digunakan untuk menunjukkan nama halaman, yang akan dipaparkan dalam tab penyemak imbas dan dalam enjin carian ("Yandex", Google dan seumpamanya).

Sudah tentu, tanpa penggayaan CSS, tapak anda akan kelihatan kedekut (huruf hitam pada latar belakang putih), tetapi pastikan anda cuba menulis halaman pertama anda dalam HTML terlebih dahulu.

Tahniah! Anda baru sahaja membuat halaman web pertama anda di tapak web anda sendiri! Ia akan menjadi lebih menarik!