BSI Purwokerto - Belajar HTML (Part 1)

-

Hai teman,
Bertemu lagi dengan saya kali ini mau berbagi sedikit pengetahuan yang saya dapatkan di  kampus tentang “Cara membuat HTML”. Jujur saya tidak atau belum paham tentang komputer dan informatika karena saya baru mengenal komputer lebih dalam semenjak saya kuliah, awalnya kaget bingung sama pelajarannya tapi seiring waktu ya nikmatin saja.

Lanjut kita mulai langkah - langkahnya

 1.Instal Xampp



2. Jika sudah selesai di instal, buka aplikasi XAMPP control panel






3. Klik tombol start pada bagian Apache dan Mysql
Apache = Server
Mysql = Database







4. Buka windows explorer
5. Masuk ke folder instalasi XAMPP (biasanya di partisi C (localdisk) =>C://xampp/ 

6. Masuk ke folder htdocts










 7. Hapus 2 file yang bernama index (index.php dan index.html)
8. Buka web browser (firefox,chrome,dsb), ketikan di kolom url address bar => localhost : C://xampp/htdocs = tempat menyimpan file-file web









9. Buat folder bernama “lat 1” dikolom folder htdocs








10. Ulangi langkah ke-8, maka nanti folder “lat 1” akan muncul
11. Buka aplikasi editor text (notepad++ / notepad (bawaan dari windows))








12. Isikan di notepad, struktur dasar html beserta tag title





13. Simpan file tersebut dalam folder “lat 1” dengan nama percobaan.html
14. Ulangi langkah ke-8,pilih folder “lat 1”, maka nanti muncul file 
percobaan.html klik dan lihat hasilnya
15. Tambahkan beberapa tag diatas ke dalam file percobaan.html. Taruh diantara tag <body>.... <body>. 

Hasil dari codingan

HTML (Hyper Tex Markup Language)

1.     Elemen HTML           : satu blok kode yang terdapat tag pembuka dan tag penutup
2.     Tag HTML                  : penanda,diketik dengan simbol “ < ” dan “ > “
3.     Atribut HTML
4.     Heading                     : digunakan untuk judul

Struktur Dasar HTML
<html>
<head>....</head>
<body>
...........
</body>
</html>

Tag HTML
<b>....</b> : huruf tebal (bold)
<i>.....</i>   : huruf miring (italic)
<u>....</u> : huruf garis bawah (underline)
<p>....</p> : paragraf
<br>            : ganti baris / enter (break)
<hr>            : garis horizontal (horizontal ruler)
<marquee>....</marquee> : text berjalan
Font ukuran tulisan
<h1>....</h1>
<h2>....</h2>
<h3>....</h3>
<h4>....</h4>
<h5>....</h5>
<h6>....</h6> = Ukuran font paling kecil

Bullet and Numbering
<ul> / <ol> = Unordered list (simbol) / odered list (angka)
<li>....</li> = List
</ul>

Sekian materi dari saya, semoga bermanfaat :)



SEE THE NEXT POST!!







MONKEY D LUFFY

Komentar

Posting Komentar

Postingan populer dari blog ini

Belajar Membuat Web (Part 5)

-
Gambar
Hello guys Ketemu lagi nih sama saya, masih sama seperti postingan-postingan sebelumnya nah sekarang belajar membuat web (Part 5). Baca bener-bener ya semoga paham!! :) 1. Masuk folder htdocs 2. Buat folder dengan nama website_2f 3. Didalam folder website_2f buat folder css dan file dengan nama index.html  disimpan dalam folder website_2f contoh coding/struktur data index.html <html> <head> <title>Membuat layout WEB responsive sederhana HTML dan CSS</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <div class="header">   <h2>header</h2> </div> <div class="nav">   <a href="#">menu 1</a>   <a href="#">menu 2</a>   <a href="#">menu 3</a> </div> <div class="row">   <div class="content">     <...
Baca selengkapnya

Belajar Membuat Web (part 7)

-
Gambar
ARRAY PADA PHP ------------------------- Array adalah suatu tipe data variabel yang mampu menyimpan banyak data atau nilai. Indeks dimulai dari 0,1,2,3 dan seterusnya. Membuat dan memanggil data pada Array <?php $hewan= array('ayam','kerbau','ular,'kucing'); echo $hewan[0]; ?> output: $hewan[0]=ayam $hewan[1]=kerbau $hewan[2]=ular $hewan[3]=kucing membuat dan memberi penamaan pada isi array <?php $buah['semangka']="isinya merah"; $buah['jeruk']="rasanya manis"; $buah['apel']="warnanya merah"; $buah['anggur']="harganya mahal"; echo$buah['apel']; ?> ====================================================== <?php $buah=array(   'semangka'=>"isinya merah",   'jeruk'=>"rasanya manis",   'apel'=>"warnanya merah',   'anggur'=>"harganya mahal"); echo$buah['...
Baca selengkapnya

Belajar HTML (Part 2)

-
Gambar
Hai teman Sebelumnya saya memposting artikel tentang langkah – langkah membuat HTML dipostingan ini saya melanjutkan langkah – langkah membuat HTML (Part 2) cara membuat tabel, memberi warna pada tabel, menambahkan link, dan gambar dengan menggunakan HTML. 1. Aktifkan XAMPP (Apache dan Mysql) 2. Membuat tabel menggunakan HTML      TAG (table)      Struktur : tabel terdiri dari baris dan kolom dalam HTML      <table> terdiri dari <tr>dan <td>/<th>      <tr> : tabel row (baris tabel)      <td>: tabel data (isi tabel/kolom)      <th>: tabel heading (judul kolom) Struktur tag Table <table> <table> <tr> <th>.......</th> </tr> </table> atau <table> <tr> <td>..............</td> </tr> <tr> <td>...............</td> <td>.............. <...
Baca selengkapnya