Jika Anda tidak berkomitmen untuk menjadi seniman, maka sebagai pengembang, Anda dapat memahami HTML dan membuat modifikasi sederhana jika perlu. Ikuti ide -ide saya di bawah ini untuk memastikan bahwa sebuah artikel memungkinkan Anda memahami HTML. Tentu saja, selama proses membacanya lagi, yang terbaik adalah mencobanya sendiri, sehingga pemahaman akan lebih dalam. OK, mulailah dari bawah: (simbol di bawah ini semuanya dimasukkan dalam bahasa Inggris)
1. Aturan Dasar HTML<Html>
<head>
<iteme> halaman web saya </iteme>
……………………………………………………………………
</head>
<body>
………………………………………………….
</body>
</html>
Hampir semua halaman web dalam format ini. Ini adalah tanda yang harus dimiliki untuk halaman web. Setiap tanda ditempatkan di <> dan diakhiri dengan </>, kecuali bahwa ada banyak hal berantakan yang ditambahkan ke ellipsis, yang kita lihat.
Salin kode di atas ke notepad dan simpan sebagai file A.html dan menjadi halaman web. Ayo coba
Di bawah ini, buka di Notepad, tambahkan kata beranda antara <tody>, simpan, lalu buka, lihat gambar berikut:
Selanjutnya, tambahkan tanda di bagian depan dan belakang halaman beranda dan ubah menjadi <a href =#> halaman beranda </a>, simpan, dan lihat apa efeknya?
Apakah ini hyperlink yang biasanya kita lihat online? Tetapi halaman beranda tidak diubah saat mengklik halaman beranda di sini, karena kami menambahkan koneksi kosong dan tekan setrika saat panas. Kami mengikuti metode sebelumnya dan membuat halaman, disimpan sebagai B.html, dan kemudian mengganti # di atas dengan B.html. Setelah dibuka, klik pada halaman beranda, akankah kita melompat ke halaman B? (Tentu saja, halaman A dan B harus berada di direktori yang sama) sampai di sini, Anda harus memahami bahwa pada kenyataannya, semua fungsi di halaman web diimplementasikan oleh tag yang berbeda seperti <a>, dan Anda hanya ingat fungsi tag ini ketika Anda perlu melakukannya.
2. Struktur Situs WebJika Anda memperhatikan saat berselancar di internet, halaman web sebenarnya dibagi menjadi beberapa bagian, seperti yang ditunjukkan pada gambar
Tentu saja, ini hanyalah struktur umum. Anda juga dapat membaginya menjadi banyak blok sesuai dengan kebutuhan Anda. Blok terutama untuk memodifikasi aspek dan menentukan gaya ekspresi masing -masing.
Ini terutama dicapai melalui tag <div> </div>. Izinkan saya mencoba menambahkan tag <div> ke halaman beranda:
<div>
<a href = b.html> beranda </a>
</div>
Simpan, coba saat membukanya, apa efeknya?
Apakah masih sama seperti sebelum modifikasi? Mari kita tambahkan beberapa modifikasi ke dalamnya:
<Div style = lebar: 200px; tinggi: 100px; gaya perbatasan: solid; >
Saat berjalan, karya yang kami tandai diwakili oleh latar belakang biru!
Tambahkan banyak blok </Div> untuk menghapus halaman web dari sejumlah besar, haha, dan kemudian masukkan apa yang ingin Anda masukkan ke dalam setiap blok.
Tentu saja, banyak <viv> memiliki gaya =. Jika pengaturan gaya ini serupa, masing -masing pengaturan kami akan terlalu merepotkan. Kami biasanya menempatkan gaya di file .css lain (mengontrol gaya tampilan dari setiap tanda di halaman web), dan kemudian panggil di mana mereka perlu dipanggil. Mari kita coba di bawah ini
Buat notepad baru, ganti nama menjadi c.css dan buka, dan tuliskan ke:
#header {lebar: 200px; tinggi: 100px; gaya border: solid;}
Dan hapus di A.html
Kemudian tambahkan <link rel = stylesheet type = text/css href = c.css/> sebelum </head>
Yaitu, perkenalkan file C.CSS. Keuntungan menempatkan CSS dalam file terpisah adalah bahwa jika banyak tempat mengacu pada gaya ini, selama kami memodifikasi tempat ini, semuanya akan berubah, jika tidak, kita harus memodifikasi setiap tempat secara manual, yang tidak kondusif untuk pemeliharaan nanti.
Akhirnya, ubah <verv> a.html ke <div id = header>
Apakah efeknya sama seperti sebelumnya?
Hampir, pada titik ini, saya mungkin tidak bisa menulis puisi dan membacanya. Artikel ini terutama untuk membiarkan setiap orang memiliki pemahaman umum tentang HTML dan tahu apa yang sedang terjadi. Masih ada banyak tag yang tidak terlibat. Anda perlu menemukan buku ini untuk desain web dan menghafalnya.