Rumah hujung hadapan web html tutorial Penggunaan asas html termasuk pautan, helaian gaya, span dan div, dsb._HTML/Xhtml_Penghasilan halaman web

Penggunaan asas html termasuk pautan, helaian gaya, span dan div, dsb._HTML/Xhtml_Penghasilan halaman web

May 16, 2016 pm 04:39 PM
Pautan

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 Laman Web ini
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

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.

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Cara menggunakan pautan magnet Cara menggunakan pautan magnet Feb 18, 2024 am 10:02 AM

Pautan magnet ialah kaedah pautan untuk memuat turun sumber, yang lebih mudah dan cekap daripada kaedah muat turun tradisional. Pautan magnet membolehkan anda memuat turun sumber secara peer-to-peer tanpa bergantung pada pelayan perantara. Artikel ini akan memperkenalkan cara menggunakan pautan magnet dan perkara yang perlu diberi perhatian. 1. Apakah pautan magnet? Pautan magnet ialah kaedah muat turun berdasarkan protokol P2P (Peer-to-Peer). Melalui pautan magnet, pengguna boleh menyambung terus kepada penerbit sumber untuk melengkapkan perkongsian dan muat turun sumber. Berbanding dengan kaedah muat turun tradisional, magnet

Bagaimana untuk memuat turun pautan bermula dengan 115://? Muat turun pengenalan kaedah Bagaimana untuk memuat turun pautan bermula dengan 115://? Muat turun pengenalan kaedah Mar 14, 2024 am 11:58 AM

Baru-baru ini, ramai pengguna bertanya kepada editor, bagaimana untuk memuat turun pautan bermula dengan 115://? Jika anda ingin memuat turun pautan bermula dengan 115://, anda perlu menggunakan pelayar 115 Selepas anda memuat turun pelayar 115, mari lihat tutorial muat turun yang disusun oleh editor di bawah. Pengenalan kepada cara memuat turun pautan bermula dengan 115:// 1. Log masuk ke 115.com, muat turun dan pasang pelayar 115. 2. Masukkan: chrome://extensions/ dalam bar alamat pelayar 115, masukkan pusat sambungan, cari Tampermonkey dan pasang pemalam yang sepadan. 3. Masukkan dalam bar alamat pelayar 115: Skrip Grease Monkey: https://greasyfork.org/en/

Bagaimana untuk mendapatkan pautan akaun video WeChat? Bagaimana untuk menambah pautan produk ke akaun video WeChat? Bagaimana untuk mendapatkan pautan akaun video WeChat? Bagaimana untuk menambah pautan produk ke akaun video WeChat? Mar 22, 2024 pm 09:36 PM

Sebagai sebahagian daripada ekosistem WeChat, akaun video WeChat secara beransur-ansur menjadi alat promosi yang penting untuk pencipta kandungan dan pedagang. Mendapatkan pautan ke akaun video pada platform ini adalah penting untuk berkongsi dan menyebarkan kandungan. Berikut akan memperkenalkan secara terperinci cara mendapatkan pautan akaun video WeChat dan cara menambah pautan produk ke akaun video untuk meningkatkan kesan penyebaran kandungan. 1. Bagaimana untuk mendapatkan pautan akaun video WeChat? Selepas menyiarkan video pada akaun video WeChat anda, sistem akan membuat pautan video secara automatik. Penulis boleh menyalin pautan selepas diterbitkan untuk memudahkan perkongsian dan penyebaran. Selepas log masuk ke akaun video WeChat anda, anda boleh menyemak imbas halaman utama akaun video anda. Di halaman utama, setiap video disertakan dengan pautan yang sepadan supaya anda boleh menyalin atau berkongsinya secara langsung. 3. Cari akaun video: Masukkan nama akaun video dalam kotak carian WeChat

Bagaimana untuk menghentikan Outlook daripada membuka pautan dalam pelayar Edge Bagaimana untuk menghentikan Outlook daripada membuka pautan dalam pelayar Edge Aug 03, 2023 am 11:49 AM

Cara Menghentikan Outlook daripada Membuka Pautan di Edge Sebelum meneruskan, pastikan penyemak imbas pilihan anda ditetapkan sebagai penyemak imbas lalai dalam Windows. Ini memastikan pautan Outlook dibuka dalam penyemak imbas yang dikehendaki. Untuk menyemak dan menetapkan penyemak imbas lalai anda: Untuk Windows 10: Klik menu Mula dan pilih Tetapan Pergi ke Apl dan kemudian Apl Lalai Cari "Pelayar Web" di bahagian bawah senarai apl lalai ” Jika penyemak imbas pilihan anda disenaraikan, anda sudah sedia. Jika Microsoft Edge disenaraikan, klik padanya dan pilih penyemak imbas pilihan anda daripada senarai. Jika digesa, klik Tukar Bagaimanapun. Betulkan isu Edge

Cara menyambungkan Apple Notes pada iPhone dalam sistem iOS 17 terkini Cara menyambungkan Apple Notes pada iPhone dalam sistem iOS 17 terkini Sep 22, 2023 pm 05:01 PM

Pautkan AppleNotes pada iPhone menggunakan ciri Tambah Pautan. Nota: Anda hanya boleh membuat pautan antara Apple Notes pada iPhone jika anda telah memasang iOS17. Buka apl Nota pada iPhone anda. Sekarang, buka nota di mana anda ingin menambah pautan. Anda juga boleh memilih untuk membuat nota baharu. Klik di mana-mana sahaja pada skrin. Ini akan menunjukkan menu kepada anda. Klik anak panah di sebelah kanan untuk melihat pilihan "Tambah pautan". Klik padanya. Kini anda boleh menaip nama nota atau URL halaman web. Kemudian, klik Selesai di penjuru kanan sebelah atas dan pautan yang ditambahkan akan muncul dalam nota. Jika anda ingin menambah pautan pada perkataan, klik dua kali perkataan untuk memilihnya, pilih "Tambah Pautan" dan tekan

Apakah keperluan untuk pautan video? Bagaimana untuk memautkan akaun video dengan barangan? Apakah keperluan untuk pautan video? Bagaimana untuk memautkan akaun video dengan barangan? Mar 07, 2024 pm 01:13 PM

Dengan populariti platform video pendek, semakin ramai pencipta mula menggunakan akaun video untuk mencipta dan mempromosikan kandungan. Akaun video bukan sahaja boleh mempamerkan bakat peribadi, tetapi juga merealisasikan pengewangan komersial melalui pautan produk. Walau bagaimanapun, untuk menambah pautan ke akaun video, syarat tertentu mesti dipenuhi. 1. Apakah keperluan untuk pautan video? Pengesahan akaun video adalah prasyarat untuk menambah pautan ke akaun video anda. Pada masa ini, platform video pendek utama seperti Douyin dan Kuaishou menyediakan perkhidmatan pensijilan, yang terutamanya merangkumi dua jenis: pensijilan peribadi dan pensijilan institusi. Pensijilan peribadi memerlukan penyerahan maklumat identiti sebenar, manakala pensijilan institusi memerlukan penyediaan bahan pensijilan daripada syarikat atau organisasi yang berkaitan. Selepas melengkapkan pengesahan, pengguna boleh menambah pautan ke akaun video mereka untuk meningkatkan kredibiliti dan kewibawaan akaun mereka. Salah satu pautan video

Bagaimana untuk memaut pada Doudian - Tutorial memaut pada Doudian Bagaimana untuk memaut pada Doudian - Tutorial memaut pada Doudian Mar 06, 2024 am 08:40 AM

Ramai rakan masih tidak tahu cara memautkan pada Doudian, jadi editor di bawah menerangkan tutorial tentang cara memautkan pada Doudian Jika anda memerlukan, segera lihat saya percaya ia akan membantu semua orang. Langkah 1: Mula-mula buka klien komputer Doudian dan masukkan "Pengurusan Produk Tetingkap" pada lajur kiri, seperti yang ditunjukkan dalam gambar. Langkah 2: Kemudian klik "Tambah Produk" di penjuru kanan sebelah atas, seperti yang ditunjukkan dalam gambar. Langkah 3: Kemudian salin dan tampal pautan produk kami, seperti yang ditunjukkan dalam gambar. Langkah 4: Kemudian klik "Sahkan Tambah", seperti yang ditunjukkan dalam gambar. Langkah 5: Akhir sekali masukkan pengenalan, gambar dan maklumat lain, dan kemudian klik "Sahkan" untuk memaut pada Douyin, seperti yang ditunjukkan dalam gambar. Di atas ialah keseluruhan kandungan cara menambah pautan ke Doudian yang dibawakan kepada anda oleh editor saya harap ia dapat membantu semua orang.

Bagaimana untuk menambah pautan excel Bagaimana untuk menambah pautan excel Mar 20, 2024 am 08:55 AM

Rakan-rakan yang telah menggunakan Excel tahu bahawa banyak kali kita perlu menambah beberapa pautan dalam Excel supaya kita boleh mengklik pada pautan atau kata kunci dari Excel untuk memasuki halaman web atau tempat lain Ini adalah perkara yang akan dibincangkan oleh editor hari ini tentang Excel pautan. Mula-mula buka jadual dan cari kata kunci atau imej yang ingin anda tambahkan pautan. Dengan kotak teks dipilih, klik kanan dan pilih pilihan "Hiperpautan". Seterusnya tetingkap untuk memasukkan hiperpautan akan muncul dengan beberapa pilihan. Anda boleh memilih untuk memaut ke kandungan pada lembaran kerja yang sama atau ke desktop anda atau lokasi lain. 2. Jika anda ingin memaut ke Helaian2 seperti yang ditunjukkan dalam rajah, pilih lokasi dalam fail teks, kemudian pilih Helaian2, dan kemudian klik OK untuk mengesahkan.

See all articles