- 4.3 dari 5 berdasarkan 13 suara
Ini adalah jika file razdel.html terletak di folder yang sama dengan file index.html. Jika terletak misalnya di folder halaman, alamat akan terlihat seperti ini:
Semua kode file index.html akan terlihat seperti ini:
Anda dapat membuka file index.html di browser Anda dan ikuti tautannya, akibatnya akan terbuka lembaran baru. Seperti yang Anda perhatikan kasus ini Halaman dibuka di jendela saat ini. Anda dapat membuatnya sehingga ketika Anda mengklik tautan, halaman baru dibuka di jendela baru untuk ini ke tag pembuka Anda perlu menambahkan target \u003d "_ kosong" atribut itu akan terlihat seperti ini:
Selain itu, ada juga tautan internal. Tautan internal dimaksudkan untuk menavigasi dalam satu buka Dokumen. Ini mungkin berguna jika Anda, misalnya, memutuskan untuk membuat satu dokumen besar, dan di atasnya untuk meletakkan konten. Atau Anda hanya perlu mengirim pengunjung dengan cepat ke bagian mana pun dari halaman Anda.
Misalkan kita perlu membuat tautan seperti itu dengan mengklik di mana pengunjung akan jatuh ke bagian atas halaman ini. Untuk ini, kata atau frasa pertama pada halaman ini harus disimpulkan dalam tag kata pertama. Di mana dalam kutipan perlu untuk menentukan nama apa pun.
Misalnya, untuk halaman itu di mana Anda berada sekarang, Anda dapat melakukan ini:
Ini kami mendefinisikan jangkar I.E., tempat di mana pengguna akan jatuh ketika Anda mengklik tautan kami. Sekarang di tempat itu perlu, Anda harus menentukan tautan itu sendiri. Ini dilakukan seperti ini:
Perhatikan bahwa di sini dalam kutipan sebelum kata Verh harus menjadi tanda kisi #. Untuk melihat cara kerjanya, Anda dapat mengklik tautan berikut :.
Anda dapat merujuk tidak hanya untuk file dengan ekstensi HTML tetapi juga pada file dengan ekstensi lainnya. Untuk melakukan ini, di tautan alamat, Anda harus mendaftarkan nama file dan ekspansi yang sesuai. Misalnya, tautan HTML ke file arsip akan terlihat seperti ini:
Anda dapat mencoba menyalin file arsip atau musik ke folder dengan file yang dibuat sebelumnya dan memberikan tautan pada mereka. Dalam hal ini, ketika Anda mengklik tautan, browser akan menawarkan Anda untuk membuka atau menyimpan file. Atribut target \u003d "_ blank" juga dapat diterapkan pada tautan ini.
Sekarang pertimbangkan tautan seperti apa. Ada referensi absolut dan relatif membedakan. Tautan absolut adalah referensi di mana alamat lengkap dokumen ditentukan. Tautan tersebut digunakan untuk berkomunikasi dengan sumber daya jaringan eksternal. Contoh tautan seperti itu:
http: // - protokol paling umum, menggunakannya disediakan dengan akses ke halaman web, tautannya terlihat seperti ini:
mailto: - Protokol Akses Email. Itu harus digunakan jika Anda ingin memberikan tautan ke surel. Kode referensi ditulis sebagai berikut:
Selain protokol ini, masih ada protokol FTP: //, dengan file mana ditransmisikan melalui FTP menggunakan program klien FTP. Dan file: // protokol digunakan untuk menentukan tautan ke halaman yang terletak di komputer lokal.
Anda sebagian besar harus berurusan dengan dua protokol pertama saat membuat halaman web. Dan hal terakhir yang dapat kita pertimbangkan, sebagai bagian dari pelajaran ini, adalah bagaimana membuat tautan dari gambar. Bahkan, semuanya sangat sederhana. Alih-alih teks tertutup dalam tag, Anda perlu memasukkan alamat gambar. Cara menyisipkan gambar kami dipertimbangkan dalam pelajaran cara memasukkan gambar dan membuat mereka memposisikan dalam HTML.
Simpan gambar yang Anda lihat di sebelah kiri di folder itu di mana file yang kami buat sebelumnya sedang. Sekarang kita akan membuat referensi gambar ini. Untuk melakukan ini, dalam file index.html kami, Anda perlu mendaftarkan yang berikut:
Melalui Internet Anda dapat melihat efek seperti saat ketika Anda mengklik tautan dalam bentuk gambar kecil, gambar lain dimuat. Untuk membuat efek seperti itu, Anda harus menentukan alamat gambar besar sebagai alamat di tautan.
Hyperlink dapat mengikat halaman baik dalam satu situs, dan menentukan halaman apa pun di Internet. Saat membangun referensi ke halaman lain, Anda harus selalu menggunakan alamat halaman absolut (http://www.sit.com/page.html). Jika Anda membuat tautan ke halaman di dalam situs, maka lebih disukai untuk menggunakan URL relatif (halaman. Html, katalog / halaman.html). Dengan membuat hyperlink grafis, ingatlah bahwa beberapa grafik tidak tersedia, jadi pastikan untuk memasukkan elemen teks yang sesuai.
Contoh:
Hyperlink dalam Halaman HTML
Kadang-kadang perlu untuk membuat hyperlink dalam satu halaman. Misalnya, pada halaman ini, ini adalah hyperlink pada awal pelajaran, memungkinkan Anda untuk melihat pertanyaan tertentu, dan di bagian bawah halaman - memungkinkan Anda untuk pergi ke bagian atas halaman.
Contoh:
Hyperlink pos.
Contoh:
|
Kode HTML: [Dilindungi Email] |
Tampilan di browser: |
Membuka halaman HTML di jendela baru
Menggunakan atribut target, Anda dapat mengunggah halaman di jendela browser baru. Atribut ini dirancang untuk mengatur nama jendela. Nama jendela digunakan untuk keperluan layanan. Untuk membuka halaman di jendela baru, Anda harus menggunakan konstanta _blank.
Contoh:
Warna hyperlink teks
Tautan atribut, Alink, vlink mengatur warna font hyperlink.
Atribut tautan digunakan untuk menyoroti hyperlink yang belum dikunjungi oleh pengguna.
Urutan transisi ke hyperlink
Beberapa browser dapat mendukung fungsi transisi dengan hyperlink menggunakan tombol Tab. Dalam hal ini, browser default menyoroti hyperlink dalam urutan berikut di halaman halaman. Anda dapat mengubah urutan transisi menggunakan atribut tag tabindex . Untuk mengaktifkan hyperlink ke dalam daftar yang menjelaskan urutan transisi baru, Anda perlu menetapkan nomor positif integer tertentu dalam kisaran dari 1 hingga 32767. Untuk mengecualikan hyperlink dari daftar, Anda perlu menetapkan atribut angka negatif. Ketika pengguna menekan tombol Tab, kursor bergerak ke hyperlink dengan nilai indeks positif terkecil. Jika beberapa hyperlink diberi nilai indeks yang sama, yang dipilih pertama akan berubah menjadi yang ada di halaman halaman yang berdiri di atas.
Harus dikatakan bahwa atribut tabindex dapat digunakan untuk memilih objek lain, seperti gambar grafik.
Petunjuk
Tautan hypertext dirancang untuk mengaitkan teks, gambar atau elemen halaman lainnya dengan dokumen hypertext lainnya. Semua item halaman situs, termasuk tautan, dibuat oleh browser yang menerima instruksi terperinci dari halaman kode halaman. Kode ini dalam HTML (Hypertext Markup Language adalah "Hypertext Markup Language") terdiri dari "tag" yang menggambarkan jenis, tampilan dan lokasi semua item halaman web. Hyperlink standar dibuat oleh browser ketika memenuhi dalam kode halaman, misalnya, tag seperti: tautan teks adalah tag pembuka referensi, yang ditutup. Tag pembuka mungkin berisi informasi tambahan - "Atribut". Dalam tautan sederhana ini, atribut href berisi alamat halaman atau dokumen, permintaan yang akan dikirim jika pengunjung mengklik tautan. Kadang-kadang tidak perlu menentukan alamat lengkap - jika dokumen yang diminta terletak pada server di folder yang sama (atau bersarang di dalamnya), maka cukup untuk menentukan hanya nama atau path ke folder bersarang. Seperti disebut "relatif", mereka harus, misalnya: Tautan teks, dokumen moretext.html dari folder yang sama akan diunduh ke tautan teks. Dan alamat absolut dari tautan dimulai dengan protokol yang menentukan, misalnya: tautan teks "HTTP" (protokol transfer hypertext) adalah alamat dokumen yang biasa di jaringan. Dan jika Anda menentukan protokol mailto, hyperlink akan menjalankan program Pos.Alih-alih transisi ke: tautan email ke tautan ke file yang berbaring di server FTP menunjukkan, masing-masing, ftp (protokol transfer file - "protokol transfer file"): tautan ke arsip
Atribut lain dari hyperlink, yang menunjukkan jendela mana yang harus diunduh dokumen baruSeperti "target". Jika Anda dapat memasukkan alamat yang benar dalam atribut HREF, target hanya dapat memiliki empat nilai: _Self - halaman harus diunduh ke jendela atau bingkai yang sama. "Bingkai" Panggil satu bagian dari bagian dibagi menjadi beberapa bagian; _parent - jika halaman saat ini Itu sendiri dimuat dari jendela lain (atau bingkai), maka dia memiliki jendela "orang tua". Dan nilai _parent memerlukan halaman yang ditetapkan tautan, dimuat ke jendela induk ini; _top - halaman baru harus diunduh ke jendela yang sama. Jika jendela ini dibagi menjadi bingkai, maka setelah boot, mereka akan dihancurkan, dan halaman baru akan menjadi satu-satunya bingkai di jendela ini; _blank - jendela terpisah akan dibuka untuk tautan; misalnya:
Tautan akan terbuka di jendela baru
Ada kesempatan untuk membuat hyperlink tidak ke halaman lain, tetapi pada beberapa plot dokumen yang sama. Untuk menentukan "tujuan" dokumen dalam kode HTML, referensi jangkar digunakan: dan tautannya, menggulir dokumen sebelumnya seperti ini: Referensi ke jangkar pertama untuk menyebut jangkar ini, tetapi Juga pada orang lain: Jangkar di halaman lain dalam kode HTML dokumen lain harus ada tautan-jangkar dengan nama \u003d "Anchor1" atribut.
Hyperlink tidak hanya teks, tetapi juga elemen halaman lainnya - misalnya, gambar. Tag paling sederhana menggambar gambar terlihat seperti ini: 
Dan agar gambar telah menjadi hyperlink, harus disimpulkan antara tautan pembuka dan tag:
Hyperlink adalah salah satu komponen paling penting dari dokumen HTML. Ini karena komponen ini, serta tautan yang biasa dari Internet sangat mudah digunakan. Kami akan melihat opsi yang paling sederhana memasukkan hyperlink yang akan membantu Anda sebagai pemrogram pemula menguasai pelajaran ini.
Bagaimana cara membuat hyperlink di HTML?
Kode seperti itu hanya akan berfungsi di situs Anda untuk referensi eksternal, Dia tidak akan bekerja.
< a href=" *** ">***** < /a>
Contoh:
< a href="https://сайт/">Majalah bagaimana melakukan segalanya< /a>
Di browser itu akan terlihat seperti ini:
< a href="https://сайт/prigotovlenie-edy/368-kak-sdelat-malosolnye-ogurcy.html">Bagaimana cara mentimun berkepala rendah?< /a>
Di browser kami akan dapat melihat yang berikut:
Bagaimana cara membuat hyperlink di HTML ke situs eksternal?
Untuk tautan eksternal, kode harus diubah sedikit. Untuk membuat tautan ke situs lain, kami menggunakan kode:
< a href="*** ">***** < /a>
< a href="https://vk.com/kaksdelatvse">Kami melakukan kontak "bagaimana melakukan segalanya"< /a>
Dalam artikel hari ini, kami akan mempertimbangkan cara termudah untuk membuat situs web. Saya langsung ingin mengatakan itu metode ini sangat primitif dan hari ini tidak ada yang menciptakan situs dengan cara yang sama, karena untuk ini ada program Khusus dan layanan.
Tetapi jika kita perlu membuat halaman web, maka metode ini memiliki hak untuk hidup.
Untuk membuat situs sederhana, kami memerlukan program notepad yang ada di setiap komputer.
Tekan di sudut kiri bawah ke tombol "Mulai" dan pilih "Semua Program". Kami menemukan "notebook" dan buka tombol ganda mouse ganda.
Mari kita cetak sesuatu.
Misalnya: Hore! Saya membuat situs saya!
Kami memanggil file "index.html", pilih "Semua file" dan simpan di desktop.
Setelah menabung, ikon ini muncul.
Jika kita membuka file ini, kita akan melihat halaman web yang kita buat.
Untuk mengedit entri kami dengan tombol mouse kanan, klik pada ikon dan pilih "Buka Menggunakan" -\u003e "Notepad" di menu konteks.
Setelah perubahan dilakukan, jangan lupa untuk menyimpan file. Membuka file di browser, kita akan melihat perubahan.
Ke situs dapat terlihat oleh semua orang di Internet, Anda harus mengunduhnya ke hosting.
Dengan demikian, Anda dapat membuat sumber daya web yang paling sederhana.
Untuk memperindah situs dengan gambar dan hyperlink, serta menambah cat, ubah ukuran font, tambahkan tabel, dll., Anda harus menerapkan bahasa HTML yang akan memahami browser.
Itu sebabnya kami menyimpan file kami dengan Extension.html.
Tag untuk membuat situs di HTML di Notebook
Untuk memulainya, akan menyenangkan mengetahui apa halaman situs web.
Ini adalah dokumen teks yang ditulis dalam Hypertext Markup Language (HTML).
Untuk memahami apa yang seharusnya terbiasa dengan istilah umum.
HTML adalah cara menandai dokumen yang sama-sama ditafsirkan oleh berbagai browser dalam bentuk yang nyaman dan dapat dimengerti. Bahasa ini didasarkan pada tertentu elemen struktural - tag. Dengan bantuan mereka dan HTML dikeluarkan - dokumen.
Sering digunakan
Tag adalah:
- dipasangkan
, aku. Buka
, dan tag penutupan
, . Tag tertutup - deskriptor dengan tanda slash (/); - tak terpisahkan.
Jenis utama dan tujuan tag
- — elemen ini Menentukan browser cara menafsirkan dokumen. Ini bukan elemen wajib, tetapi disarankan untuk menggunakannya untuk menghindari masalah yang mungkin terjadi ketika halaman ditampilkan.
- - Ini adalah tag dari mana dokumen web mana pun berakhir.
- < kepala.> </ Kepala.\u003e - Di dalam tag ini terletak informasi penting (Metadata, judul halaman, referensi untuk desain gaya, serta skrip).
- tag pasangan lain , yang terletak di dalam yang sebelumnya . Ini berfungsi untuk mendefinisikan header halaman web yang akan ditampilkan di browser. - Menandai diikuti oleh . Itu ada di dalamnya \u003e Akan ada semua informasi yang akan dilihat pengguna di browser.
- - Berfungsi untuk merancang hyperlink (). Ini adalah salah satu elemen terpenting dari bahasa HTML.
- - Dengan bantuannya, paragraf teks disusun.
- - Berfungsi untuk menyorot teks dengan huruf tebal.
,
,
,
,
,
- juga tag pasangan, misalnya:
. Dengan bantuan mereka, teks dapat dibagi menjadi subtitle dari berbagai tingkatan, yang memungkinkan untuk menentukan pentingnya mereka dalam kaitannya dengan seluruh dokumen.- Tag tidak seperti yang sebelumnya - yang belum dibayar. Ini digunakan untuk menetapkan transisi ke string baru dalam dokumen.
Bahkan, tag ada lebih banyak, tetapi cukup mencantumkan cukup untuk membuat halaman sederhana situs melalui notebook.
Berdasarkan hal di atas, halaman yang dibuat oleh kami dalam HTML, akan mengambil formulir berikut:
Dengan demikian, buat situs di HTML di Notepad cukup sederhana.
Video: "Cara Membuat Situs dalam 15 Menit"
Untuk membuat halaman yang lebih menarik tidak hanya perlu, tetapi juga untuk mempelajari CSS.
