Penggunaan dasar HTML termasuk tautan, stylesheet, bentang dan div, dll.

Penulis：Eve Cole Waktu Pembaruan：2025-06-08 00:00:02

1. Tautan

Dalam HTML, tautan ke hypertext sangat penting, dan format dasarnya adalah sebagai berikut:

<A href = alamat sumber daya> teks tautan </a>

1. Tautan lokal

①BSOLUTE ROAD FORCE:

<A href = c: /images/article.jpg> tautan kekuatan jalan absolut ke gambar lokal </a>

②Relative Lu Jin

<A href = artikel2.jpg> Tautan relatif lujin ke gambar lokal </a>

③ Tautan ke direktori sebelumnya

<A href = ../test.htm> tautan ke direktori sebelumnya </a>

2. Tautan URL

Formulir: Nama Protokol: //host.Domain Name/Lujin/Nama File

Perjanjian tersebut meliputi:

file file sistem lokal

server http www

Server FTP FTP

protokol berbasis telnet

Email Mailto

Berita Grup Berita Usenet

Gopher Gopher Server

Server wais wais

Misalnya: <a href = http: //www.baidu.com> baidu </a>

3. Tautan Direktori

Pertama -tama atur paragraf ke posisi tautan, formatnya adalah:

Kemudian hubungi file di bagian tautan ini untuk menentukan tautan:

<A href = nama file#tautan nama lokasi> teks tautan </a>

Tentu saja, jika Anda melompat dalam file, nama file dapat dihilangkan dan tidak ditulis.

2. Bingkai Jendela Multi-View

File HTML yang dirancang dengan struktur bingkai dapat membagi seluruh jendela menjadi beberapa jendela kecil independen, setiap jendela kecil dapat memuat file yang berbeda dan berkomunikasi satu sama lain.

1. Struktur Dasar:

<Html>

<head>

</head>

...

</fameset>

</html>

2. Pengaturan ukuran dari setiap jendela

Kami membagi jendela menjadi beberapa bagian, menggunakan atribut baris secara horizontal dan menggunakan atribut Cols secara vertikal. Ukuran masing -masing bagian dapat dicapai dengan nilai -nilai kedua properti ini.

Nilai # adalah sepasang string yang terlampir dalam kutipan. Angka -angka dalam string mewakili ukuran yang ditempati oleh setiap jendela, dipisahkan oleh koma di tengah. Angka -angka di dalamnya juga dapat diganti dengan *, menunjukkan bahwa ukurannya secara otomatis dialokasikan oleh browser. menyukai

<frameset cols = 100,*,*> mendistribusikan jendela selain 100 piksel secara merata

3. Interoperabilitas antar jendela

Atribut SRC Atribut bingkai digunakan untuk menentukan konten yang akan ditautkan, atribut nama menentukan nama jendela, dan atribut target menentukan jendela di mana file yang ditautkan muncul. Nilainya dapat berupa nama yang ditentukan oleh nama, atau bisa menjadi empat jenis nilai berikut:

<a href = target url = _blank> menunjukkan jendela baru

<a href = target url = _self> ditampilkan di jendela yang sama

<a href = url target = _parent> jendela yang menampilkan file sebelumnya di frameset

<a href = url target = _top> ditampilkan di seluruh jendela browser

② sifat bingkai lainnya

<frame frameBorder = #> #= ya, tidak

Frameborder Menentukan pengaturan setiap perbatasan jendela: ya berarti ada perbatasan, tidak berarti tidak ada perbatasan

Nilai # adalah titik piksel. Properti ini digunakan untuk mengatur lebar batas atas, kiri, kiri dan kanan jendela. Jika tidak diatur, itu akan ditentukan secara otomatis oleh browser.

<frame scrolling =#>#= ya, tidak, otomatis

Pengaturan scrollbar, ya berarti ya berarti tidak, otomatis berarti secara otomatis diatur oleh browser, nilai default adalah otomatis.

Properti Noresize menentukan bahwa pengguna tidak dapat mengubah ukuran bingkai. Secara default, ukuran bingkai dapat diubah dengan menyeret dinding di antara bingkai, yang dapat mengunci ukuran bingkai.

3. Lembar Gaya

1. Fungsi paling penting dari lembaran gaya adalah menyediakan cara untuk menjaga gaya semua halaman web konsisten.

Tiga level lembar gaya berurutan dari level yang lebih rendah ke level yang lebih tinggi:

①.Built-in (inline) Style Sheet: Cocok untuk konten elemen tunggal

②. Lembar Gaya Level Dokumen: Cocok untuk tubuh seluruh dokumen

③. Lembar Gaya Eksternal: Dapat diterapkan dalam tubuh beberapa dokumen

Saat digunakan, stylesheet tingkat rendah memiliki prioritas saat digunakan jika ada konflik.

2. Masalah yang perlu diperhatikan saat menggunakan CSS:

① Beberapa browser mungkin tidak mendukung nilai atribut tertentu. Pada saat ini, browser mengabaikan nilai atribut ini atau menggantinya dengan nilai opsional.

② Gaya bawaan hanya beradaptasi dengan satu elemen, yang sebenarnya bertentangan dengan niat desain asli dari style sheet, sehingga harus digunakan dengan hati-hati.

③ Deskripsi gaya lapisan dokumen muncul di header dokumen dan cocok untuk seluruh badan dokumen. Jadi ini adalah bagaimana gaya konstruksi situs web secara keseluruhan dapat konsisten.

④ Lembar gaya eksternal bukan bagian dari dokumen yang menggunakannya. Lembar gaya eksternal perlu disimpan secara terpisah dan harus dijelaskan saat menggunakannya. Lembar gaya eksternal dapat ditulis ke dalam file teks menggunakan teks tipe MIME/CSS, yang dapat disimpan di komputer mana pun di internet, dan browser mendapatkan lembar gaya eksternal seolah -olah itu adalah dokumen. Elemen <link> di kepala halaman web juga dapat digunakan untuk menentukan lembar gaya eksternal. Di <link>, atribut REL digunakan untuk menentukan hubungan antara dokumen tertaut dan dokumen yang berisi tautan yang dimodifikasi, dan atribut HREF digunakan untuk menentukan alamat URL dari dokumen style sheet. menyukai

4. Span dan Div

Penggunaan

Dalam beberapa kasus, properti font khusus tertentu diperlukan untuk hanya berlaku untuk bagian dari teks seluruh paragraf, seperti mengatur kata atau frasa ke font atau latar belakang yang berbeda, dll. Ini memungkinkan Anda untuk menggunakan elemen , seperti: seperti:

Saya sangat suka pemrograman , yang merupakan hal yang sangat menyenangkan.

Penggunaan <VET>

Di halaman web, bagian adalah bentuk yang sangat umum, setiap bagian terdiri dari beberapa paragraf. Jika dalam desain, diharapkan bahwa tidak hanya setiap paragraf, tetapi juga bahwa bagian di halaman web dapat ditata. Pada saat ini, Anda dapat menggunakan <div>, yang terutama digunakan untuk menentukan detail penampilan bagian atau area di halaman web.