Cara Membuat Website Menggunakan Html

Daftar Isi:

Cara Membuat Website Menggunakan Html
Cara Membuat Website Menggunakan Html

Video: Cara Membuat Website Menggunakan Html

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

Saat ini, dengan pertumbuhan eksplosif Internet, teknologi Web semakin banyak digunakan, khususnya HTML dan browser Web standar. HTML (HyperText Markup Language) adalah bahasa markup hypertext. Format ini menentukan tampilan dokumen, pengaturan timbal balik teks, grafik, dan informasi multimedia. Kampanye terlibat dalam pembuatan situs, dengan uang yang sangat besar. Tetapi dengan bantuan "tag-html" Anda dapat membuat situs web yang agak menarik dengan tangan Anda sendiri.

Cara membuat website menggunakan html
Cara membuat website menggunakan html

Itu perlu

  • - peramban;
  • - editor teks.

instruksi

Langkah 1

Format file HTML cukup sederhana. Menulis dan membuat perubahan pada file dilakukan oleh editor teks apa pun. Browser web digunakan untuk melihat hasilnya. Keuntungan utama dari dokumen HTML adalah kemampuannya untuk menjadi referensi silang satu sama lain. Referensi silang membantu Anda dengan cepat merujuk ke dokumen dengan informasi tambahan tentang topik yang menarik, dan kemudian melanjutkan bekerja dengan teks sumber. Setiap dokumen yang ditulis menggunakan bahasa HTML terdiri dari konten halaman, mis. teks, dan karakter kontrol - tag. Semua tag HTML harus diapit tanda kurung siku. Biasanya, tag awal dan tag akhir digunakan. Tag akhir berbeda dari tag awal dengan adanya garis miring.

Langkah 2

Untuk mulai membuat situs, buka editor teks (notepad).

Kemudian masukkan tag:

HTML - / HTML - tag pertama dan terakhir dari dokumen HTML apa pun.

HEAD - / HEAD - awal dan akhir dari kepala dokumen.

TITLE - / TITLE - mengatur judul dokumen (judul jendela browser).

BODY - / BODY - awal dan akhir dari isi dokumen HTML, yang mendefinisikan konten dokumen.

Langkah 3

Selanjutnya, Anda perlu menata teks. Ini membutuhkan tag berikut:

Hx - / Hx - (x adalah angka dari 1 hingga 6) menjelaskan judul pada enam tingkat yang berbeda. Judul tingkat pertama adalah yang terbesar, tingkat keenam adalah yang terkecil.

P - / P - mendeskripsikan paragraf (tag / P mungkin tidak ada).

ALIGN adalah parameter yang menentukan keselarasan paragraf:

ALIGN = CENTER - perataan tengah;

ALIGN = KANAN - perataan kanan;

ALIGN = KIRI - perataan kiri.

BR - pergi ke baris baru tanpa melanggar paragraf.

B - / B - menampilkan teks dalam huruf tebal.

I - / I - menampilkan teks dalam huruf miring.

U - / U - teks yang digarisbawahi.

STRIKE - / STRIKE - teks yang dicoret.

BLOCKQUOTE - / BLOCKQUOTE - menampilkan kutipan.

SUB - / SUB - menampilkan subskrip.

SUP - / SUP - tampilan superskrip.

TT - / TT - gunakan font dengan lebar karakter tetap.

BESAR - / BESAR - menambah ukuran font saat ini.

KECIL - / KECIL - mengurangi ukuran font saat ini.

UKURAN DASAR = n - (n adalah angka dari 1 hingga 7) - nilai dasar ukuran font.

UKURAN FONT = + / - n - / FONT - mengubah ukuran font.

FONT COLOR = # xxxxxx - FONT - pengaturan warna font: Aqua - gelombang laut; Hitam hitam; dll.

BODY - mengubah warna latar belakang.

HR - garis horizontal, tag ini dapat menggunakan atribut:

WARNA - warna garis;

SIZE - lebar garis dalam piksel;

WIDTH - lebar garis dalam piksel atau sebagai persentase dari lebar jendela;

ALIGN - perataan garis;

NOSHADE - melukis tanpa bayangan;

SHADE - menggambar dengan bayangan.

Langkah 4

Jika Anda perlu memasukkan daftar apa pun ke situs Anda, Anda harus memasukkan tag:

UL - / UL - daftar tidak berurutan (pencacahan, tidak ada pemesanan):

LI - definisi item daftar;

TYPE adalah parameter yang mendefinisikan penanda daftar:

TYPE = LINGKARAN - lingkaran digunakan sebagai penanda;

TYPE = DISK - titik digunakan sebagai penanda;

TYPE + KOTAK - persegi digunakan sebagai penanda.

OL - / OL - daftar bernomor:

TYPE adalah parameter yang menentukan jenis daftar:

TYPE = A - huruf latin huruf besar akan digunakan sebagai nomor daftar;

TYPE = a - huruf latin kecil akan digunakan sebagai pencacah daftar;

TYPE = I - angka Romawi besar akan digunakan sebagai nomor daftar;

TYPE = i - angka Romawi kecil akan digunakan sebagai nomor daftar;

MULAI adalah parameter yang menentukan nomor awal daftar.

DL - / DL - daftar dengan penjelasan:

DT - penunjukan item daftar;

DD adalah penjelasan untuk item daftar.

Langkah 5

Agar situs Anda tidak terbatas pada satu halaman, buat beberapa. Untuk menavigasi, Anda memerlukan hyperlink, yang ditentukan oleh tag berikut:

A HREF = URL - / A - menyisipkan tautan ke dalam dokumen (di antara tag, Anda harus memasukkan teks tautan).

HREF - alamat halaman atau sumber daya;

URL - alamat sumber daya seragam: servis: // server [: port] [/path]:

service - nama protokol (HTTP - akses ke dokumen HTML, permintaan FTP untuk file dari server FTP, akses FILE ke

file di mesin lokal);

server - menentukan nama sumber daya;

port - nomor port tempat server web berjalan;

path adalah direktori tempat sumber daya berada.

A HREF = # nama bookmark - / A - masukkan tautan lokal (di antara tag, Anda harus memasukkan teks tautan).

A NAME = nama bookmark - / A - atur bookmark yang akan dibuatkan tautan.

Langkah 6

Agar situs tidak membosankan, diperlukan desain grafis. Untuk melakukan ini, gunakan tag:

BODY BACKGRAOUND = "file_name" - mengatur gambar yang digunakan sebagai latar belakang.

IMG SRC = "file_name" - masukkan file grafik ke dalam dokumen HTML, tag ini menggunakan parameter:

ALT = "text string" - mendefinisikan string teks yang ditampilkan sebagai ganti gambar grafik jika browser telah menonaktifkan kemampuan untuk memuat grafik secara otomatis;

HEIGHT, WIDTH - tinggi dan lebar gambar dalam piksel;

HPACE, VSPACE - lebar ruang kosong yang memisahkan grafik dari teks secara horizontal dan vertikal;

ALIGN - perataan teks relatif terhadap grafik.

Langkah 7

Dan hal terakhir yang perlu Anda lakukan adalah menyimpan file teks dalam format *.html, dan kemudian meluncurkannya menggunakan browser Anda. Situs sudah siap.

Direkomendasikan: