Cara Membuat Website Di Html

Daftar Isi:

Cara Membuat Website Di Html
Cara Membuat Website Di Html

Video: Cara Membuat Website Di Html

Video: Cara Membuat Website Di Html
Video: Tutorial Membuat Website Sederhana dengan HTML dan CSS. Lengkap dan Mudah bagi Pemula 2024, Mungkin
Anonim

Hampir semua situs saat ini dibuat menggunakan sistem manajemen konten - CMS. Namun masih ada programmer yang membuat halaman web dengan tangan langsung dalam bahasa markup HTML. Apakah Anda ingin menjadi salah satunya?

Cara membuat website di html
Cara membuat website di html

instruksi

Langkah 1

Gunakan editor teks hanya teks untuk mengedit file html. Simpan hasilnya dalam penyandian Unicode - maka Anda tidak akan kesulitan menempatkan huruf Cyrillic, Latin dengan umlaut, serta simbol matematika dan simbol fisik dan huruf Yunani pada halaman yang sama secara bersamaan.

Langkah 2

Beri nama semua file dengan ekstensi ".html" (tanpa tanda kutip). Dalam nama-nama ini, hanya huruf Latin, angka, garis bawah, dan tanda hubung yang dapat digunakan, tetapi tanda baca lain tidak boleh digunakan (kecuali titik yang memisahkan nama dan ekstensi) dan spasi.

Langkah 3

Pastikan untuk menyimpan halaman beranda situs ke file bernama "index.html" (tanpa tanda kutip). Tempatkan file ini di folder root hosting Anda. Kontennya yang akan dilihat pengunjung situs dengan memasukkan URL-nya ke bilah alamat browser tanpa parameter tambahan. Tempatkan sisa halaman dan file gambar di folder yang sama.

Langkah 4

Di setiap file, atur terlebih dahulu blok awal dan akhir. Atur seperti yang ditunjukkan pada gambar Di baris terakhir blok QC awal - nilai heksadesimal kecerahan komponen merah warna latar dari 00 hingga FF, - sama untuk komponen hijau, CC - sama untuk komponen biru.

Langkah 5

Tempatkan konten halaman di antara blok awal dan akhir.

Langkah 6

Ingat rambu-rambu jalan dengan penunjukan pemukiman. Jika tanda itu hanya tertulis nama, itu berarti terletak di pintu masuk pemukiman dengan nama itu. Jika namanya dicoret, maka tanda itu terletak di pintu keluarnya. Dalam sebuah tag, tanda pecahan di depan perintah bertindak sebagai garis melintasi tanda jalan. Tindakan tag "pembuka" dihentikan ketika tag "penutup" dengan perintah yang sama ditemukan kemudian dalam teks.

Langkah 7

Untuk memulai paragraf, gunakan tag yang ditunjukkan pada gambar di sebelah kiri. Untuk memiliki indentasi satu baris sebelum paragraf, gunakan tag yang ditunjukkan pada gambar di sebelah kanan.

Langkah 8

Untuk menyorot teks dalam huruf miring dan tebal, gunakan tag dan kombinasinya yang ditunjukkan pada gambar.

Langkah 9

Untuk mengubah ukuran dan warna font, gunakan perintah yang ditunjukkan pada gambar di atas, di mana nilai CC, ZZ dan SS didefinisikan dengan cara yang sama seperti untuk warna latar belakang, HIGH adalah tinggi font dalam poin. Tag warna atau font dapat dihilangkan jika hanya ukuran atau hanya warna font yang berubah. Untuk membatalkan perintah ini, gunakan tag yang ditunjukkan pada gambar di bawah ini.

Langkah 10

Untuk menyisipkan ke halaman gambar yang disimpan secara lokal di folder root, gunakan konstruksi yang ditunjukkan pada gambar di atas. Untuk menyisipkan gambar yang disimpan di server lain, gunakan desain yang sedikit berbeda, yang ditunjukkan pada gambar di bawah. Jangan menyisipkan gambar dari situs pihak ketiga tanpa persetujuan dari penulis. Beberapa situs dilindungi dari penggunaan gambar ini.

Langkah 11

Untuk menyisipkan tautan ke halaman lain, disimpan secara lokal di folder root, gunakan struktur yang ditunjukkan pada gambar di atas. Untuk menautkan ke halaman yang terletak di situs pihak ketiga, ubah struktur ini seperti yang ditunjukkan pada gambar di bawah.

Langkah 12

Cari di web untuk tutorial tentang bahasa markup HTML, dan Anda akan belajar cara menggunakan sisa tag yang ada puluhan dalam bahasa itu.

Direkomendasikan: