0% menganggap dokumen ini bermanfaat (0 suara)
20 tayangan3 halaman

Panduan Dasar HTML, CSS, dan JavaScript

Dokumen ini menjelaskan tentang bahasa pemrograman yang umum digunakan untuk membuat website, yaitu HTML, CSS, dan JavaScript. HTML berfungsi sebagai struktur dasar, CSS sebagai dekorasi visual, dan JavaScript sebagai pengendali interaksi. Selain itu, dokumen ini juga memberikan contoh penggunaan tag HTML untuk membuat daftar dan elemen lainnya.

Diunggah oleh

muhammadsholeh4r
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai TXT, PDF, TXT atau baca online di Scribd
0% menganggap dokumen ini bermanfaat (0 suara)
20 tayangan3 halaman

Panduan Dasar HTML, CSS, dan JavaScript

Dokumen ini menjelaskan tentang bahasa pemrograman yang umum digunakan untuk membuat website, yaitu HTML, CSS, dan JavaScript. HTML berfungsi sebagai struktur dasar, CSS sebagai dekorasi visual, dan JavaScript sebagai pengendali interaksi. Selain itu, dokumen ini juga memberikan contoh penggunaan tag HTML untuk membuat daftar dan elemen lainnya.

Diunggah oleh

muhammadsholeh4r
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai TXT, PDF, TXT atau baca online di Scribd

Bahasa programing dibagi dari beberapa macam namun yang biasa dipakai untuk membuat

website adalah:
1. HTML
2. CSS
3. Java Script

HELLO WORLD!

Bagaimana cara kerja HTML? html digunakan sebagai dasar dari pemograman, kita
istilahkan sebagai robot tanpa apapun.
CSS biasa digunakan sebagai dekorasi atau membuat suatu website atau program
menjadi lebih menarik secara visual, kita istilahkan seperti robot (HTML) lalu CSS
ini
sebagai Baju agar membuat robot tersebut menjadi lebih menarik.
Sedangkan untuk Java Script, Java script biasa digunakan sebagai program perintah,
membuat suatu program bisa berbicara, melakukan sesuatu, kita sebut Java Script ini
sebagai otak Robot (html) yang membuat robot dapat bergerak, berfikir, berbicara,
atau melakukan suatu perintah.

<!doctype html> --> ketika kita ketikan seperti ini maka HTML akan berjalan dengan
versi terbaru, namun bisa diubah
<html> --> ketika ada "<" ditutup dengan ">" itu bisa kita sebut sebagai 1 tag,
maka kita akan sebut yang dikiri sebagai tag html begitu juga jika
<head>--> maka disebut tag head
didalam tag html terdapat dua tag utama yang pertama tag head, ada pembuka jg
penutup.

<head>
<title></title>
</head>

<body>

</body>
</html>

ketika program memiliki tanda "/" maka itu artinya adalah tag penutup seperti
<head> </head> maka yang tag pembuka adalah program pertama lalu tag
yang penutup adalah program dengan tanda "/" didalamnya

Tag

Tag ada beberapa macam namun jika di website tag <head> biasa digunakan sebagai
judul suatu program, seperti <title></title> untuk HTML, <style></style> untuk CSS,

<script></script> untuk javascript.


di <head> juga bisa kita gunakan sebagai metadata seperti
<head>
<meta charset="UTF-8">
<meta name="description" content="Pemograman"
<meta name="keywords" content="HTML"
<meta name="author" content="Winter"
</head>

<br> adalah untuk membuat baris baru


<hr> untuk membuat garis horizontal
<b> untuk membuat teks menjadi tebal
<i> untuk membuat teks menjadi italic atau miring
<u> untuk membuat teks menjadi ada garis dibawahnya
List

Dalam pembuatan list di program HTML kita biasa menggunakan beberapa bahasa seperti
<ol></ol>, <ul></ul>, <dl></dl>

1. <ol> adalah pembuatan list secara berurut misal dengan huruf, angka, atau pun
angka romawi

<!doctype html>
<html>
<head>
<title></title>
</head>

<body>

<h3>Membuat List</h3>
<ol type="I">
<li>Tidur</li>
<li>Bangun</li>
<li>Makan</li>
<li>Tidur</li>
</ol>

</body>
</html>

2. <ul> adalah untuk membuat list dengan menggunakan titik bulat, kotak, atau disc
contoh

<!doctype html>
<html>

<head>
<title></title>
</head>

<body>

<h3>Makan malam seperti:<h3>


<ul type="circle">
<li>Nasi Goreng</li>
<li>Ayam Goreng</li>
<li>Kolek Pisang</li>
</ul>

</body>
</html>

3. <dl> adalah untuk membuat list dengan deskripsinya. Contoh

<!doctype html>
<html>

<head>
<title></title>
</head>
<body>

<h3>Programer</h3>
<dl>
<dt>HTML</dt>
<dd>HTML adalah bla bla bla</dd>
<dt>CSS</dt>
<dd>CSS adalah bla bla bla</dd>

</body>
</html>

Anda mungkin juga menyukai