BAGAIMANA CARANYA

Cara Beranda

Menu

Bilah Ikon Ikon Menu Akordeon tab Tab Vertikal Tajuk Tab Tab Halaman Penuh Arahkan Tab Navigasi Atas Topnav Responsif Navbar dengan Ikon Cari Menu Bilah Pencarian Bilah Sisi Tetap Navigasi Halaman Bilah Sisi Responsif Navigasi Layar Penuh Menu Di Luar Kanvas Arahkan Tombol Sidenav Bilah Sisi dengan Ikon Menu Gulir Horisontal Menu Vertikal Navigasi Bawah Navigasi Bawah Responsif Tautan Nav Perbatasan Bawah Tautan Menu Rata Kanan Tautan Menu Terpusat Tautan Menu Lebar Sama Menu Tetap Geser Bawah Bar di Gulir Sembunyikan Navbar di Gulir Kecilkan Navbar di Gulir Navbar Lengket Navbar pada Gambar Arahkan kursor ke Dropdown Klik Dropdown Dropdown bertingkat Dropdown di Topnav Dropdown di Sidenav Resp Navbar Dropdown Menu Subnavigasi Drop-up Mega Menu Menu Seluler Menu Tirai Bilah Samping yang Diciutkan Panel Samping yang Diciutkan paginasi Tepung roti Grup Tombol Grup Tombol Vertikal Bar Sosial Lengket Navigasi pil Tajuk Responsif

Gambar-gambar

Tampilan slide Galeri Slideshow Gambar Modal Kotak lampu Kisi Gambar Responsif Kotak Gambar Galeri Tab Hamparan Gambar Memudar Slide Hamparan Gambar Zoom Hamparan Gambar Judul Hamparan Gambar Ikon Hamparan Gambar Efek Gambar Gambar Hitam Putih Teks Gambar Blok Teks Gambar Teks Gambar Transparan Gambar Halaman Penuh Formulir pada Gambar Gambar Pahlawan Gambar Latar Belakang Kabur Ubah Bg di Gulir Gambar Berdampingan Gambar Bulat Gambar Avatar Gambar Responsif Gambar Tengah Gambar kecil Perbatasan Sekitar Gambar Temui Tim Gambar Lengket Balikkan Gambar Goyangkan Gambar Galeri Portofolio Portofolio dengan Penyaringan Zoom Gambar Kaca Pembesar Gambar Slider Perbandingan Gambar favicon

tombol

Tombol Peringatan Tombol Garis Besar Tombol Split Tombol Animasi Tombol Memudar Tombol pada Gambar Tombol Media Sosial Baca Selengkapnya Baca Lebih Sedikit Memuat Tombol Unduh Tombol Tombol pil Tombol Pemberitahuan Tombol Ikon Tombol Berikutnya/sebelumnya Lebih Banyak Tombol di Nav Tombol Blok Tombol Teks Tombol Bulat Gulir Ke Atas Tombol

Formulir

Formulir Masuk Formulir Pendaftaran Formulir Pembayaran formulir kontak Formulir Masuk Sosial Formulir Pendaftaran Formulir dengan Ikon Buletin Formulir Bertumpuk Formulir Responsif Formulir Munculan Formulir Sebaris Kosongkan Bidang Masukan Sembunyikan Panah Nomor Salin Teks ke Papan Klip Pencarian Animasi Tombol Cari Pencarian Layar Penuh Bidang Masukan di Navbar Formulir Masuk di Navbar Kotak Centang/Radio Khusus Pilihan Kustom Sakelar Beralih Centang Kotak Centang Deteksi Caps Lock Tombol Pemicu di Enter Validasi Kata Sandi Alihkan Visibilitas Kata Sandi Formulir Beberapa Langkah Pelengkapan otomatis Matikan pelengkapan otomatis Matikan periksa ejaan Tombol Unggah File Validasi Input Kosong

Filter

Daftar Filter Tabel Filter Elemen Filter Filter tarik-turun Urutkan Daftar Tabel Eja

Tabel

Meja Bergaris Zebra Meja Tengah Tabel lebar penuh Meja Berdampingan Tabel Responsif Tabel perbandingan

Lagi

Video Layar Penuh Kotak Modal Hapus Modal Linimasa Indikator Gulir Bilah Kemajuan Skill Bar Penggeser Rentang Keterangan alat Arahkan Elemen Tampilan Muncul tiba-tiba bisa dilipat Kalender HTML Termasuk Daftar yang Harus Dilakukan Pemuat Peringkat Bintang Peringkat Pengguna Efek Hamparan Hubungi Chips Kartu-kartu Kartu Balik Kartu Profil Kartu Produk Peringatan Memanggil Catatan Label lingkaran Gaya SDM Kupon Daftar Grup Daftar Tanpa Peluru Teks Responsif Potongan Teks Teks Bersinar Catatan Kaki Tetap Elemen Lengket Tinggi sama Hapus perbaikan Float Responsif snack bar Jendela Layar Penuh Gambar Gulir Gulir Halus Gradien Bg Gulir Tajuk Lengket Kecilkan Tajuk di Gulir Tabel Harga paralaks Rasio Aspek Iframe Responsif Alihkan Suka/Tidak Suka Alihkan Sembunyikan/Tampilkan Alihkan Mode Gelap Alihkan Teks Beralih Kelas Tambahkan Kelas Hapus Kelas Kelas Aktif Pemandangan Pohon Hapus Properti Deteksi Offline Temukan Elemen Tersembunyi Arahkan ulang halaman web Zoom Arahkan Kotak Balik Pusatkan Secara Vertikal Tombol Tengah di DIV Transisi saat Arahkan kursor panah Bentuk Unduh Tautan Elemen Tinggi Penuh Jendela Peramban Bilah Gulir Kustom Sembunyikan Bilah Gulir Tampilkan/Paksa Scrollbar Tampilan Perangkat Perbatasan yang dapat diedit Warna Placeholder Warna Pilihan Teks Warna Peluru Garis Vertikal Jangka pembagi garis Ikon Animasi Penghitung Waktu Mundur Mesin tik Halaman Segera Hadir Pesan Obrolan Jendela Obrolan Popup Layar Terpisah Testimonial Penghitung Bagian Kutipan Slideshow Item Daftar yang Dapat Ditutup Breakpoints Perangkat Khas Elemen HTML yang Dapat Diseret Pertanyaan Media JS Penyorot Sintaks Animasi JS Panjang String JS Eksponen JS Parameter Default JS Dapatkan URL Saat Ini Dapatkan Ukuran Layar Saat Ini Dapatkan Elemen Iframe

Situs web

Buat Situs Web Gratis Buat Situs Web Membuat Website Statis Membuat Website (W3.CSS) Membuat Situs Web (BS3) Membuat Situs Web (BS4) Membuat Situs Web (BS5) Buat dan Lihat Situs Web Buat Situs Web Pohon Tautan Buat Portofolio Buat Resume Buat Situs Web Restoran Buat Situs Web Bisnis Buat Buku Web Situs Web Pusat Bagian Kontak Tentang Halaman Header Besar Contoh Situs Web

kisi-kisi

Tata Letak 2 Kolom Tata Letak 3 Kolom 4 Tata Letak Kolom Memperluas Grid Tampilan Kotak Daftar Tata Letak Kolom Campuran Kartu Kolom Tata Letak Zig Zag Tata Letak Blog

Google

Google Charts Google Font Pasangan Font Google Google Menyiapkan Analytics

Konverter

Konversi Berat Konversi Suhu Konversi Panjang Konversi Kecepatan

Blog

Dapatkan Pekerjaan Pengembang Menjadi Pengembang Front-End.

Cara membuat situs web pohon tautan

Situs web pohon tautan memungkinkan Anda membagikan semua tautan Anda di satu situs.

Ini adalah halaman arahan tempat Anda dapat menampilkan tautan ke jejaring sosial, posting blog, bisnis, proyek, dan lainnya.

Buat situs web pohon tautan gratis »

Mengapa membuat situs web pohon tautan

Situs web tautan sangat bagus untuk menumbuhkan kehadiran online Anda.

Itu memudahkan untuk membagikan tautan ke tempat-tempat di mana Anda memiliki konten.

Selain itu, situs web tautan membantu orang terhubung dengan Anda di lebih dari satu tempat.

Dengan membuat situs web tautan sendiri, Anda memiliki kendali penuh atas itu.

Tampilan situs mencerminkan merek Anda. Desain seperti yang Anda inginkan untuk tampil.


Apa yang perlu saya ketahui untuk membuat situs web pohon tautan saya?

HTML, CSS, dan JavaScript adalah bahasa dasar untuk membuat situs web.

Itu semua yang Anda butuhkan untuk membuat situs tautan Anda.

  1. Buat struktur dengan HTML. Hal pertama yang harus Anda pelajari adalah HTML, bahasa markup standar untuk membuat halaman web.
  2. Belajar HTML
  3. Gaya dengan CSS. Langkah selanjutnya adalah mempelajari CSS, mengatur tata letak halaman web Anda dengan warna, font, dan banyak lagi yang indah.
  4. Pelajari CSS
  5. Buatlah interaktif dengan JavaScript. Setelah mempelajari HTML dan CSS, Anda harus mempelajari JavaScript untuk membuat halaman web yang dinamis dan interaktif bagi pengguna Anda.
  6. Pelajari JavaScript

Bagaimana cara memulai?

Ada dua cara untuk mulai membangun situs web pohon tautan.

Membangun dari awal atau menggunakan template.

Bangun dengan W3Schools Spaces

Di Spaces, Anda dapat membuat dan bereksperimen dengan situs web pohon tautan Anda.

Di sini Anda dapat membuat situs statis dengan HTML, CSS, dan JavaScript.

Semua yang Anda butuhkan ada di browser.

Belajarlah lagi ❯

Membangun halaman web pohon tautan dari awal

Hal pertama yang perlu Anda lakukan adalah membangun tata letak, lalu menambahkan konten.

Untuk membuat tata letak situs web, buka artikel kami tentang cara membuat situs web: Cara Membuat Situs Web

Setelah Anda membuat tata letak. Buat dua bagian utama yang tercantum di bawah ini:

1. Bagian organik.

Bagian bio adalah hal pertama yang dilihat orang ketika mengunjungi situs web pohon tautan Anda.

Itu ditampilkan di atas situs web pohon tautan.

Tetap pendek dan manis.

Bagian bio dapat berisi gambar, nama, dan profesi Anda.

Orang-orang lebih nyaman terhubung dengan Anda jika mereka tahu nama Anda dan penampilan Anda.

bagian gambar

2. Bagian tautan.

Bagian tautan berisi semua tautan yang ingin Anda bagikan.

Itu ditampilkan di bawah bagian bio.

Pastikan bahwa tautannya terstruktur dengan baik.

bagian tautan

Membangun dengan template

Memulai dengan template adalah cara terbaik untuk mendapatkan inspirasi dan belajar.

Template pohon tautan dapat dimuat langsung di Spaces. Mulai dalam beberapa klik.

Salin kode dan tempel di editor Spaces atau simpan ke Spaces dari editor TryIt.

Memulai "

* tidak perlu kartu kredit

Personalisasi template

Berikut adalah pendekatan empat langkah untuk membuat template Anda sendiri.


Langkah Satu: Ubah latar belakang

Temukan properti background atau background-image dalam kode dan ubah URL-nya.

Baca di sini untuk cara mengubah gambar latar belakang: Cara mengubah gambar latar belakang


Langkah Kedua: Tambahkan gambar Anda

Temukan tag <img> dan ubah ke URL gambar Anda.

Baca di sini untuk cara mengubah gambar: Cara mengubah gambar


Langkah Tiga: Tulis bio Anda

Temukan tag paragraf di bagian atas kode dan ubah teks antara tag <p> dan </p>.

Baca di sini untuk mempelajari lebih lanjut tentang paragraf: Tentang paragraf HTML


Langkah Empat: Tambahkan tautan Anda

Temukan tag anchor dan ubah teks di antara tag <a> dan </a>.

Baca di sini untuk mempelajari lebih lanjut tentang tag jangkar: Tentang tag jangkar HTML


Jelajahi dan pilih template

Kami memiliki template siap pakai untuk Anda gunakan. Berikut beberapa contohnya:

Tautan Sosial 1

Tautan Sosial 2

Tautan sosial 3


Ruang W3Schools

Ruang W3Schools

Bangun situs web statis Anda dengan W3Schools Spaces.

Mulai Gratis