Belajar HTML
Bahan :
- Text Editor
- Web Browser
- Internet
Nah jadi disini kita harus tau struktur html gan :V
Pengenalan :
HTML atau Hyper Text Markup Language merupakan sebuah bahasa markah yang biasa digunakan untuk membuat halaman web.
Membuat file html dapat menggunakan Notepad, Notepad++, Sublime Text, Visual Studio Code, dll. File html disimpan dengan format atau ekstensi ".html / .htm".
Penulisan kode html, html diawali dengan tag pembuka <html> dan diakhiri dengan tag penutup </html>, html juga terdiri dari beberapa tag penting
PERHATIKAN CONTOH BERIKUT :
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Keterangan :
<!DOCTYPE> : Untuk menentukan tipe dokumen
<html> : Untuk membuat sebuah dokumen HTML
<head> : Untuk informasi meta tentang dokumen
<title> : Menuliskan Judul dari halaman website
<body> : Menuliskan isi dari website.
Buka lah Text Editor kalian dan ketik atau paste kan kode html diatas, simpan dengan ekstensi .html
Selain beberapa tag diatas html mempunyai banyak tag lainnya, jika ingin mengetahui lebih banyak tag klik here!.
Saya akan memberikan beberapa contoh sederhana, kalian ketik atau paste saja script contoh dibawah, jangan lupa save dengan ekstensi .html
1.1 <!DOCTYPE html>
<html>
<head>
<title>araprdpta</title>
</head>
<body>
<h1>Hello guys ^_^</h1>
</body>
</html>
1.2 <!DOCTYPE html>
<html>
<head>
<title>araprdpta</title>
</head>
<body>
<center><h1>Hello guys ^_^</h1></center>
</body>
</html>
1.1 <!DOCTYPE html>
<html>
<head>
<title>araprdpta</title>
</head>
<body>
<center><h1>Hello guys ^_^</h1></center>
<img src="https://i.ibb.co/f1YWZhJ/Pics-Art-03-10-08-56-09.png">
</body>
</html>
Dari contoh 1.3 cara mengubah gambar menjadi link, upload saja disini
pilih full link html, salin dari "https://i.ibb.co/xxxxxx/xxxxxxx.jpg"
1.4 <!DOCTYPE html>
<html>
<head>
<title>araprdpta</title>
</head>
<body>
<marquee><center><h1>Hello guys ^_^</h1></center></marquee>
<img src="https://i.ibb.co/f1YWZhJ/Pics-Art-03-10-08-56-09.png">
</body>
</html>
1.5 <!DOCTYPE html>
<html>
<head>
<title>araprdpta</title>
</head>
<body>
<marquee><center><h1><font color="red">Hello guys ^_^</h1></center></marquee>
<img src="https://i.ibb.co/f1YWZhJ/Pics-Art-03-10-08-56-09.png">
</body>
</html>
Nah dari beberapa contoh diatas secara tidak langsung kamu mengetahui fungsi dari suatu tag ^_^
0 komentar:
Posting Komentar