Komputer, Pemrograman
HTML: dasar-dasar untuk pemula
HTML - bahasa markup hypertext yang telah membuat Internet seperti yang kita kenal dan cinta. Hal ini berkat ini situs alat yang menakjubkan terlihat bagus dan modern dan memberikan kenyamanan penggunaannya. HTML hanya merakit elemen dari suatu halaman web dalam pilihan user-friendly. Karyanya sebanding dengan fakta bahwa melakukan editor teks seperti MS Word atau OpenOffice. Mereka mengubah massa tak berwajah huruf dalam sebuah dokumen yang memiliki paragraf, teks tebal, huruf miring, meja, dan bahkan gambar. Kira-kira hal yang sama membuat HTML, dengan satu-satunya perbedaan adalah bahwa dokumen-dokumen yang ditampilkan dalam browser, dan kemungkinan alat ini jauh lebih luas daripada editor teks. Digunakan untuk menandai tag - perintah khusus yang menggambarkan struktur halaman web. Mereka diapit oleh kurung sudut -
editor visual yang
Pemula hanya membuka jalan bagi studi HTML, sering memulai pekerjaan mereka dengan program untuk membuat website tanpa pengetahuan. Mereka hanya dapat menempatkan item pada layar karena mereka akan muncul dalam browser. Tampaknya, ini dia - sumber kasih karunia abadi, memungkinkan untuk menyingkirkan sebagian besar pengembang web. Tapi tidak begitu sederhana, karena editor visual yang memiliki banyak kekurangan yang membuat tidak mungkin untuk menggunakannya dalam proyek-proyek serius.
Program-program ini menciptakan banyak tag yang tidak perlu yang membuat versi final dari halaman rumit dan suboptimal. Tentu saja, dalam usia ini internet berkecepatan tinggi itu adalah kurang penting daripada di masa lalu, tetapi ada sejumlah alasan mengapa website ringkas dan ditulis dengan baik adalah lebih praktis daripada mitranya, dibuat dalam editor visual. Halaman web yang dibuat dalam program seperti itu akan diperlakukan dengan buruk oleh mesin pencari sebagai penting bagi mereka setiap kilobyte kode dan kode rumit dan tidak logis dengan sekelompok kesalahan semantik hampir tidak memiliki mereka secukupnya. Selain itu, para editor sering di belakang kali, menjadi tidak relevan, dan menghabiskan sumber daya pada pengembangan mereka tidak praktis karena tidak ada profesional tidak akan menggunakan produk ini. Oleh karena itu, siapa saja yang ingin bekerja di pembuatan situs, harus mengetahui dasar-dasar HTML.
tag
Seperti disebutkan di atas, tag menggambarkan struktur dari halaman web browser. Kebanyakan dari mereka memiliki tag pembuka dan penutup, tetapi tidak semua. Sebagai contoh,
Ada juga satu tag, yang tidak perlu ditutup. Di mereka itu di dalam, serta atribut. Atribut dapat dibentuk untuk sebagian besar HTML-tag dan mengatur properti dari elemen. Hal ini ditunjuk dalam tag pembuka terlihat seperti ini: atribut = "...", di mana bukan poin adalah nilai atribut. Pengetahuan tentang tag adalah yang pertama dan paling penting langkah untuk pengembangan HTML. Dasar-dasar seni ini juga menyiratkan pemahaman tentang struktur halaman web.
struktur dokumen
Setiap dokumen HTML memiliki ekstensi yang sesuai, misalnya, index.html. Sehingga browser dapat memahami apa yang ia lakukan, dan benar menampilkan halaman. Semua file yang digunakan untuk membuat situs, disarankan untuk menjaga dalam direktori yang sama bahwa di masa depan akan sangat memudahkan hidup Anda. Yayasan Hypertext Markup Language HTML melibatkan pemahaman yang jelas tentang struktur dokumen. Dimulai dengan tag , mengatakan versi browser HTML, yang digunakan dalam dokumen ini. Pada saat ini, topikal versi kelima dari bahasa, sehingga tidak perlu untuk menciptakan apa-apa, kita dapat menyisipkan tag di atas untuk bagian atas halaman manapun.
Lalu pergi ke struktur dipasangkan utama, yang merupakan "kerangka" dari situs. Tag pertama di mana untuk menempatkan semua sisa - ... html>. Semua yang berada di luar, tidak diakui oleh browser sebagai halaman web, sehingga membuka dan menutup dokumen. Tag ini diperlukan untuk dokumen. Hal ini juga berisi beberapa tag wajib, yang akan dibahas di bawah.
kepala
Di dalam tag
... head> berisi informasi yang bersifat teknis, yang tidak akan ditampilkan pada halaman, tetapi, bagaimanapun, adalah bagian penting dari HTML dokumen. pemberitahuan situs diletakkan di tempat ini, dipilih dan dimasukkan ke dalam pengkodean nama halaman. Hal ini terkandung dalam tag wajiblink
pengetahuan dasar tentang HTML juga melibatkan penggunaan cascading style, atau css. Mereka mengatur properti dari elemen yang akan ditampilkan pada halaman. Pendekatan modern untuk masalah ini melibatkan pengenaan karakteristik seperti warna, tinggi dan lokasi item, ke file eksternal untuk menambah kenyamanan. Untuk menghubungkan css-file yang menggunakan tag . Dalam bentuk jadi, itu terlihat seperti ini: , yang menunjukkan href lokasi file, dan jenis - jenisnya.
tubuh
Hal ini di bagian HTML-dokumen yang dibuat oleh bagian yang terlihat dari halaman. Semua yang dilakukan di dalam "tubuh" akan ditampilkan oleh browser. Dalam
- - digunakan untuk mengekstrak substring, untuk ditugaskan ke gaya tertentu, dijelaskan di css;
- - menciptakan link pada halaman Web; melompat alamat yang ditentukan atribut href;
- - salah satu tag modern yang paling populer; Siapa pun yang memutuskan untuk mempelajari dasar-dasar dari HTMLl bahasa harus membayar perhatian khusus untuk itu, karena merupakan elemen blok, yang dibuat atas dasar bagian terbesar dari situs web saat ini (parameter untuk blokdiatur dalam css, dan unit lainnya dapat ditempatkan di dalam tag ini);
- memilih paragraf teks; isi paragraf terletak antara pembukaan dan penutupan tag;
- - daftar bernomor, unsur-unsur yang sebagai pasangan tag
- ;
-
- - daftar bullet, yang, serta dalam unsur-unsur bernomor ditandai dengan tag
- ;
-
-
- header dokumen (angka menunjukkan tingkat header, yaitu
- judul utama, dan variasi berikutnya adalah sub judul yang, by the way, tingkat judul
,
adalah hampir mustahil untuk menemukan di Internet ruang terbuka) juga penting untuk diingat bahwa halaman hanya dapat memiliki satu header
;
-
- teks tebal; - - italic;
-
- menyisipkan gambar pada halaman web (itu adalah tag tunggal, tidak perlu ditutup, tetapi diperlukan untuk menentukan atribut alt, yang menentukan teks untuk gambar);
Ini tidak semua tag yang diperlukan untuk membuat halaman web Anda sendiri, tetapi mereka cukup untuk meletakkan dasar-dasar HTML untuk pemula.
CSS
perkembangan bahasa HTML telah menyebabkan fakta bahwa atribut masing-masing tag obzavolsya berat badan, dan persyaratan untuk munculnya halaman web berarti meningkat secara substansial. Kode telah menjadi rumit dan tidak nyaman, sulit untuk membacanya, apalagi untuk beradaptasi atau perubahan. Selain itu, kemudian harus berkeringat, berubah setiap tangan jika situs Anda sepuluh halaman, di mana banyak berita utama, ditandai dengan warna hijau, dan Anda tiba-tiba ingin membuat mereka merah. Dengan munculnya Cascading Style Sheets, proses ini telah menjadi sederhana dan logis, dan HTML-kode telah menjadi jauh lebih mudah dibaca.
menerapkan CSS
Untuk membuat halaman Web, Anda harus mengetahui dasar-dasar HTML dan CSS, sehingga sekarang tanpa sepengetahuan cascading style sheet dapat dilakukan di daerah ini tidak ada. Mereka menetapkan atribut untuk setiap elemen, yang berlaku untuk seluruh dokumen. Dengan demikian, Anda dapat mengatur warna sekali untuk semua
Dalam rangka untuk menghubungkan file css dokumen itu, ada link tag. Sedikit di atas itu dijelaskan prinsip penggunaannya, tetapi tidak satu-satunya pilihan menggabungkan semua gaya di satu tempat. Ada tag