cari
Rumahhujung hadapan webhtml tutorialPenggunaan asas html termasuk pautan, helaian gaya, span dan div, dsb._HTML/Xhtml_Penghasilan halaman web

1. Pautan
Pautan hiperteks dalam HTML adalah sangat penting pautan
①Kekuatan jalan raya mutlak:
Pautan kekuatan jalan mutlak kepada gambar tempatan
②Kekuatan jalan relatif

Pautan kekuatan jalan relatif kepada gambar tempatan
③ Pautan ke direktori peringkat atas

Pautan ke direktori peringkat atas
2. pautan URL
Format: nama protokol: //host.domain name /roadjin /filename
Protokol termasuk: fail sistem setempat failhttp pelayan WWW
ftp ftp server
telnet TELNET based protocol
mailto email
berita Usenet news group
gopher GOPHER pelayan
wais WAIS pelayan

Seperti:
Baidu


3. Pautan direktori
Mula-mula tetapkan perenggan tertentu sebagai kedudukan pautan, format Untuk:

Kemudian panggil fail dalam bahagian pautan ini dan tentukan pautan:

Teks pautan
Sudah tentu, jika anda melompat ke dalam fail , nama fail Anda boleh meninggalkannya dan jangan menulisnya.

2. FRAMES tetingkap berbilang paparan Fail HTML yang direka menggunakan struktur FRAMES boleh membahagikan keseluruhan tetingkap kepada beberapa tetingkap kecil yang bebas, dan setiap tetingkap kecil boleh memuatkan fail yang berbeza dan boleh berkomunikasi antara satu sama lain.
1. Struktur asas:








...

2 Tetapan saiz setiap tetingkap
Kami membahagikan tetingkap kepada beberapa bahagian, menggunakan atribut ROWS untuk pembahagian mendatar dan. pembahagian menegak Menggunakan atribut COLS, saiz setiap blok boleh dilaksanakan oleh nilai kedua-dua atribut ini.

Nilai
# ialah sepasang rentetan yang disertakan dalam tanda petikan Nombor dalam rentetan mewakili saiz setiap tetingkap, dipisahkan dengan koma, di mana Nombor itu juga boleh digantikan dengan "*", menunjukkan bahawa saiz diperuntukkan secara automatik oleh penyemak imbas. Contohnya,



Agihkan sama rata tetingkap melebihi 100 piksel
3 Interaksi antara tingkap ①Atribut src bingkai digunakan untuk menentukan kandungan pautan, atribut nama menentukan nama tetingkap dan atribut sasaran digunakan untuk menentukan tetingkap mana fail dipautkan muncul. Nilainya boleh menjadi nama yang ditakrifkan mengikut nama atau ia boleh terdiri daripada empat jenis nilai berikut:
Paparkan Tetingkap baharu
Dipaparkan dalam tetingkap yang sama

Dipaparkan dalam tetingkap fail sebelumnya dalam Frameset
Dipaparkan dalam keseluruhan tetingkap penyemak imbas # ialah titik piksel Sifat digunakan untuk menetapkan lebar sempadan atas, bawah, kiri dan kanan tetingkap Jika tidak ditetapkan, penyemak imbas akan menentukannya secara automatik.
#=ya,tidak,auto
Tetapan bar skrol, ya bermakna ya, tidak bermakna tidak, auto bermaksud ditetapkan secara automatik oleh penyemak imbas, nilai lalai ialah auto.


Atribut noresize menentukan bahawa pengguna tidak boleh mengubah saiz bingkai. Secara lalai, bingkai boleh diubah saiz dengan menyeret "dinding" di antara mereka, dan sifat ini mengunci saiz bingkai.


3. Gaya helaian
1.
Tiga peringkat helaian gaya, mengikut urutan dari tahap rendah ke tahap tinggi, ialah:
① Helaian gaya terbina dalam (sebaris): terpakai pada kandungan satu elemen ② (tahap dokumen) helaian gaya : Berkenaan dengan isi utama keseluruhan dokumen
③ Helaian gaya luaran (luaran): Boleh digunakan pada badan utama berbilang dokumen
Apabila digunakan, jika konflik berlaku, helaian gaya peringkat rendah mempunyai keutamaan dalam penggunaan.
2. Isu yang perlu diberi perhatian apabila menggunakan CSS: ① Sesetengah penyemak imbas mungkin tidak menyokong nilai atribut tertentu dalam kes ini, penyemak imbas akan sama ada mengabaikan nilai atribut ini atau menggantikannya dengan nilai pilihan.
②Gaya terbina dalam hanya menyesuaikan diri dengan satu elemen, yang sebenarnya melanggar niat reka bentuk asal helaian gaya, jadi ia harus digunakan dengan berhati-hati.
③Penerangan gaya peringkat dokumen muncul dalam pengepala dokumen dan digunakan pada keseluruhan badan dokumen. Oleh itu, ini adalah bagaimana gaya keseluruhan pembinaan laman web dapat dikekalkan konsisten.
④Helaian gaya luaran bukan sebahagian daripada dokumen di mana ia digunakan. Helaian gaya luaran perlu disimpan secara berasingan dan mesti dijelaskan semasa menggunakannya. Helaian gaya luaran boleh ditulis ke dalam beberapa fail teks menggunakan teks/css jenis MIME Ia boleh disimpan dalam mana-mana komputer di Internet Pelayar memperoleh helaian gaya luaran seperti mendapatkan dokumen. Elemen di kepala halaman web juga boleh digunakan untuk menentukan helaian gaya luaran Dalam , atribut rel digunakan untuk menentukan hubungan antara dokumen yang dipautkan dan dokumen yang mengandungi pautan, dan atribut href digunakan untuk menentukan alamat URL helaian gaya. Seperti


4. Penggunaan span dan div

Dalam sesetengah kes, beberapa atribut fon khas diperlukan Ia hanya digunakan pada sebahagian daripada teks keseluruhan perenggan, seperti menetapkan perkataan atau frasa tertentu kepada fon atau latar belakang yang berbeza, dsb. Ini dilakukan dengan menggunakan elemen , contohnya:

Saya sangat suka pengaturcaraan, ia adalah perkara yang sangat menyenangkan.



Penggunaan

Dalam laman web, bahagian adalah bentuk yang sangat biasa Setiap bahagian terdiri daripada beberapa perenggan Jika dalam reka bentuk, diharapkan bukan sahaja setiap perenggan Menggayakan bahagian dalam halaman web. Pada masa ini, anda boleh menggunakan
Tujuan utamanya adalah untuk menentukan butiran paparan bahagian atau kawasan tertentu dalam halaman web.
Kenyataan
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Peranan HTML: Penstrukturan Kandungan WebPeranan HTML: Penstrukturan Kandungan WebApr 11, 2025 am 12:12 AM

Peranan HTML adalah untuk menentukan struktur dan kandungan laman web melalui tag dan atribut. 1. HTML menganjurkan kandungan melalui tag seperti, menjadikannya mudah dibaca dan difahami. 2. Gunakan tag semantik seperti, dan lain -lain untuk meningkatkan kebolehcapaian dan SEO. 3. Mengoptimumkan kod HTML boleh meningkatkan kelajuan pemuatan laman web dan pengalaman pengguna.

HTML dan Kod: Melihat lebih dekat pada istilahHTML dan Kod: Melihat lebih dekat pada istilahApr 10, 2025 am 09:28 AM

Htmlisaspecifictypeofcodefocusedonstructuringwebcontent, manakala "kod" secara meluas ini

HTML, CSS, dan JavaScript: Alat penting untuk pemaju webHTML, CSS, dan JavaScript: Alat penting untuk pemaju webApr 09, 2025 am 12:12 AM

HTML, CSS dan JavaScript adalah tiga tiang pembangunan web. 1. HTML mentakrifkan struktur laman web dan menggunakan tag seperti, dan sebagainya. 2. CSS mengawal gaya laman web, menggunakan pemilih dan atribut seperti warna, saiz font, dan lain-lain.

Peranan HTML, CSS, dan JavaScript: Tanggungjawab TerasPeranan HTML, CSS, dan JavaScript: Tanggungjawab TerasApr 08, 2025 pm 07:05 PM

HTML mentakrifkan struktur web, CSS bertanggungjawab untuk gaya dan susun atur, dan JavaScript memberikan interaksi dinamik. Ketiga melaksanakan tugas mereka dalam pembangunan web dan bersama -sama membina laman web yang berwarna -warni.

Adakah HTML mudah belajar untuk pemula?Adakah HTML mudah belajar untuk pemula?Apr 07, 2025 am 12:11 AM

HTML sesuai untuk pemula kerana mudah dan mudah dipelajari dan dapat melihat hasilnya dengan cepat. 1) Keluk pembelajaran HTML adalah lancar dan mudah dimulakan. 2) Hanya menguasai tag asas untuk mula membuat laman web. 3) Fleksibiliti yang tinggi dan boleh digunakan dalam kombinasi dengan CSS dan JavaScript. 4) Sumber pembelajaran yang kaya dan alat moden menyokong proses pembelajaran.

Apakah contoh tag permulaan dalam html?Apakah contoh tag permulaan dalam html?Apr 06, 2025 am 12:04 AM

Anexampleofastartartingtaginhtmlis, yangbeginsaparagraph.startingtagsareessentialinhtmlasttheyinitiateelements, definetheirtypes, andarecrucialforstructuringwebpagesandconstructionthedom.

Bagaimana cara menggunakan susun atur flexbox CSS untuk mencapai penjajaran yang berpusat pada kesan segmentasi garis putus -putus dalam menu?Bagaimana cara menggunakan susun atur flexbox CSS untuk mencapai penjajaran yang berpusat pada kesan segmentasi garis putus -putus dalam menu?Apr 05, 2025 pm 01:24 PM

Bagaimana untuk merancang kesan segmentasi garis bertitik di menu? Semasa merancang menu, biasanya tidak sukar untuk menyelaraskan kiri dan kanan antara nama hidangan dan harga, tetapi bagaimana pula dengan garis bertitik atau titik di tengah ...

Apakah elemen HTML yang digunakan oleh editor kod dalam talian untuk melaksanakan input kod?Apakah elemen HTML yang digunakan oleh editor kod dalam talian untuk melaksanakan input kod?Apr 05, 2025 pm 01:21 PM

Analisis elemen HTML dalam editor kod web Banyak editor kod dalam talian membolehkan pengguna memasukkan kod HTML, CSS, dan JavaScript. Baru -baru ini, seseorang mencadangkan ...

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌

Alat panas

Dreamweaver Mac版

Dreamweaver Mac版

Alat pembangunan web visual

EditPlus versi Cina retak

EditPlus versi Cina retak

Saiz kecil, penyerlahan sintaks, tidak menyokong fungsi gesaan kod

Versi Mac WebStorm

Versi Mac WebStorm

Alat pembangunan JavaScript yang berguna

Penyesuai Pelayan SAP NetWeaver untuk Eclipse

Penyesuai Pelayan SAP NetWeaver untuk Eclipse

Integrasikan Eclipse dengan pelayan aplikasi SAP NetWeaver.

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)