DASAR DASAR HTML
- Dapatkan link
- Aplikasi Lainnya
Dimana h1 adalah adalah tingkat pertama dan teks dari h1 adalah yg terbesar diikuti oleh h2 hingga h6 yang merupakan elemen headings yang terakhir.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading
Browser secara otomatis menambahkan satu bagian kosong/empty space pada setiap heading.
Kode dari tampilan headings di atas :
Codingku HTML Editori
<html>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
</html>
Elemen <Title> digunakan untuk menyatakan judul sebuah halaman web. Posisinya berada di dalam elemen <head>.
<html>
<head>
<title>Judul Halaman websiteku</title>
</head>
<body>
Isi dari halaman websiteku
</body>
</html>
Sebelum kita melangkah lebih jauh kami akan mengenalkan kepada anda mengenai konsep dari HTML komentar/comment.
Meskipun 'komentar' sifatnya adalah opsional namun ada kalanya pemberian 'komentar' akan sangat membantu anda.
Komentar adalah bagian dari kode HTML, tujuannya adalah untuk menjelaskan bagian-bagian dari kode.
Contoh syntax dari sebuah komentar HTML :
<!-- isi dari komentar HTML -->
Komentar HTML selalu dimulai dengan <!> dan diakhiri dengan >> , hal ini memberitahukan kepada browser darimana sebuah komentar dimulai dan diakhiri.
Contoh penggunaannya :
Codingku HTML Editori
<html>
<body>
<!-- ini adalah heading Bab A -->
<h3> Jakarta </h3>
</body>
</html>
Tag <p> mendefinisikan sebuah paragraf.
Dengan menggunakan tag ini, maka browser secara otomatis akan memasukkan garis/space kosong di bagian atas dan bawah paragraf.
Codingku HTML Editori
<p>Paragraf pertamaku</p>
<p>Paragraf keduaku</p>
<p>Paragraf ketigaku</p>
HTML memiliki banyak tag-tag lain yang berfungsi untuk mengubah sebuah tulisan.
Tulisan ini bold
Tulisan ini italic
Tulisan ini strike
Tulisan ini strong
Tulisan ini emphasized
Tulisan ini code/computer
Tulisan ini subscript dan superscript
source code contoh di atas :
Codingku HTML Editori
<p><b>Tulisan ini bold</b></p>
<p><i>Tulisan ini italic</i></p>
<p><strike>Tulisan ini strike</strike></p>
<p><strong>Tulisan ini strong</strong></p>
<p><em>Tulisan ini emphasized</em></p>
<p><code>Tulisan ini code/computer</code></p>
<p>Tulisan ini <sub>subscript</sub> dan <sup>superscript</sup></p>
Anak Pak Raden :
- Budi
- Wati
- Joni
Urutan anak Pak Raden :
- Budi
- Wati
- Joni
Dengan HTML <ul> "unordered list" dan <ol> "ordered list" anda bisa membuat daftar seperti di atas.
Berikut adalah kode dari tampilan di atas :
Codingku HTML Editori
<p>Anak Pak Raden :</p>
<ul>
<li>Budi</li>
<li>Wati</li>
<li>Joni</li>
</ul>
<p>Urutan anak Pak Raden :</p>
<ol>
<li>Budi</li>
<li>Wati</li>
<li>Joni</li>
</ol>
HTML Attribute
- Elemen HTML bisa memiliki atribut di dalamnya.
- Atribut memberikan informasi tambahan terhadap sebuah elemen.
- Atribut selalu ditempatkan di tag pembuka sebuah elemen.
- Atribut berisi nama dan nilai di dalamnya mis: color="red".
Contoh Attribute
Ok, tanpa basa-basi lebih jauh lagi kita lihat contoh berikut :
Paragraf 1
Paragraf 2
Paragraf 3
Seperti anda lihat, teks paragraf di atas memiliki posisi yang berbeda-beda, hal itu terjadi karena penambahan attribut ke dalam tag <p>
Codingku HTML Editori
<p align="right">Paragraf 1</p>
<p align="center">Paragraf 2</p>
<p align="left">Paragraf 3</p>
Dimana h1 adalah adalah tingkat pertama dan teks dari h1 adalah yg terbesar diikuti oleh h2 hingga h6 yang merupakan elemen headings yang terakhir.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading
Browser secara otomatis menambahkan satu bagian kosong/empty space pada setiap heading.
|
Kode dari tampilan headings di atas :
Codingku HTML Editori
<html>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
</html>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
</html>
Elemen <Title> digunakan untuk menyatakan judul sebuah halaman web. Posisinya berada di dalam elemen <head>.
<html>
<head>
<title>Judul Halaman websiteku</title>
</head>
<body>
Isi dari halaman websiteku
</body>
</html>
<head>
<title>Judul Halaman websiteku</title>
</head>
<body>
Isi dari halaman websiteku
</body>
</html>
Sebelum kita melangkah lebih jauh kami akan mengenalkan kepada anda mengenai konsep dari HTML komentar/comment.
Meskipun 'komentar' sifatnya adalah opsional namun ada kalanya pemberian 'komentar' akan sangat membantu anda.
Komentar adalah bagian dari kode HTML, tujuannya adalah untuk menjelaskan bagian-bagian dari kode.
Contoh syntax dari sebuah komentar HTML :
<!-- isi dari komentar HTML -->
Komentar HTML selalu dimulai dengan <!> dan diakhiri dengan >> , hal ini memberitahukan kepada browser darimana sebuah komentar dimulai dan diakhiri.
Contoh penggunaannya :
Codingku HTML Editori
<html>
<body>
<!-- ini adalah heading Bab A -->
<h3> Jakarta </h3>
</body>
</html>
<body>
<!-- ini adalah heading Bab A -->
<h3> Jakarta </h3>
</body>
</html>
Tag <p> mendefinisikan sebuah paragraf.
Dengan menggunakan tag ini, maka browser secara otomatis akan memasukkan garis/space kosong di bagian atas dan bawah paragraf.
Codingku HTML Editori
<p>Paragraf pertamaku</p>
<p>Paragraf keduaku</p>
<p>Paragraf ketigaku</p>
<p>Paragraf keduaku</p>
<p>Paragraf ketigaku</p>
HTML memiliki banyak tag-tag lain yang berfungsi untuk mengubah sebuah tulisan.
Tulisan ini bold
Tulisan ini italic
Tulisan ini strong
Tulisan ini emphasized
Tulisan ini code/computer
Tulisan ini subscript dan superscript
source code contoh di atas :
Codingku HTML Editori
<p><b>Tulisan ini bold</b></p>
<p><i>Tulisan ini italic</i></p>
<p><strike>Tulisan ini strike</strike></p>
<p><strong>Tulisan ini strong</strong></p>
<p><em>Tulisan ini emphasized</em></p>
<p><code>Tulisan ini code/computer</code></p>
<p>Tulisan ini <sub>subscript</sub> dan <sup>superscript</sup></p>
<p><i>Tulisan ini italic</i></p>
<p><strike>Tulisan ini strike</strike></p>
<p><strong>Tulisan ini strong</strong></p>
<p><em>Tulisan ini emphasized</em></p>
<p><code>Tulisan ini code/computer</code></p>
<p>Tulisan ini <sub>subscript</sub> dan <sup>superscript</sup></p>
Anak Pak Raden :
- Budi
- Wati
- Joni
Urutan anak Pak Raden :
- Budi
- Wati
- Joni
Dengan HTML <ul> "unordered list" dan <ol> "ordered list" anda bisa membuat daftar seperti di atas.
Berikut adalah kode dari tampilan di atas :
Codingku HTML Editori
<p>Anak Pak Raden :</p>
<ul>
<li>Budi</li>
<li>Wati</li>
<li>Joni</li>
</ul>
<p>Urutan anak Pak Raden :</p>
<ol>
<li>Budi</li>
<li>Wati</li>
<li>Joni</li>
</ol>
<ul>
<li>Budi</li>
<li>Wati</li>
<li>Joni</li>
</ul>
<p>Urutan anak Pak Raden :</p>
<ol>
<li>Budi</li>
<li>Wati</li>
<li>Joni</li>
</ol>
HTML Attribute
- Elemen HTML bisa memiliki atribut di dalamnya.
- Atribut memberikan informasi tambahan terhadap sebuah elemen.
- Atribut selalu ditempatkan di tag pembuka sebuah elemen.
- Atribut berisi nama dan nilai di dalamnya mis: color="red".
Contoh Attribute
Ok, tanpa basa-basi lebih jauh lagi kita lihat contoh berikut :
Paragraf 1
Paragraf 2
Paragraf 3
Seperti anda lihat, teks paragraf di atas memiliki posisi yang berbeda-beda, hal itu terjadi karena penambahan attribut ke dalam tag <p>
Codingku HTML Editori
<p align="right">Paragraf 1</p>
<p align="center">Paragraf 2</p>
<p align="left">Paragraf 3</p>
<p align="center">Paragraf 2</p>
<p align="left">Paragraf 3</p>
- Dapatkan link
- Aplikasi Lainnya
Postingan populer dari blog ini
Komponen Utama Komputer
Komponen Utama Komputer Komponen-komponen komputer yang melekat dalam komputer personal merupakan benda penting yang bisa dikatakan sebagai nyawa dari komputer kita. Tanpa adanya salah satu dari komponen-komponen komputer berikut ini, komputer tidak akan dapat beroperasi dengan baik, malah kadang tidak dapat berfungsi sama sekali. Agar dapat menjaga komputer anda dalam kondisi baik, ada baiknya kita mengenal lebih akrab komponen-komponen komputer beserta fungsinya. Komponen Utama dalam Komputer Komponen pertama yang perlu kita kenal adalah motherboard. Motherboard merupakan komponen perangkat keras atau hardware paling penting dari seluruh komponen lain;di sinilah komponen penting lainnya terpasang, seperti hard disk, prosessor, memori, dan lainnya. Prosesor adalah bagian dari komponen komputer yang bertugas sebagai otak mesin. Ada pula RAM yang merupakan komponen yang bertugas menyimpan data sementara dari program yang tengah dijalankan. Video card dan sound card menjad
Hitung nilai mahasiswa pascal
Hitung nilai kehadiran mahasiswa pascal program hitung_nilai; var Np:string[6]; Nama:string[30]; NK1,NK2,NK3,NK4,NK5,NK6,NK7,NK8,NK9,NK10,NK11,NK12,NK13,NK14,NK15,TH,NT1,NT2,NT3,NT4,NT5,TT,NM,NF:integer; TNK,TNT,NA:Real; NH:char; begin writeln('menghitung nilai akhir'); write('masukan no pokok:'); readln(NP); write('masukan nama:'); readln(Nama); write('masukan nilai kehadiran ke 1='); read(NK1); write('masukan nilai kahadiran ke 2='); read(NK2); write('masukan nilai kehadiran ke 3='); read(NK3); write('masukan nilai kehadiran ke 4='); read(NK4); write('masukan nilai kehadiran ke 5='); read(NK5); write('masukan nilai kehadiran ke 6='); read(NK6); write('masukan nilai kehadiran ke 7='); read(NK7); write('masukan nilai kehadiran ke 8='); read(NK8); write('masukan nilai kehadiran ke 9='); read(NK9); write('masukan nilai kehadiran ke 10=');read(NK10); wr
Turbo pascal hitung nilai mahasiswa
Program Hitung Nilai Mahasiswa dengan Turbo Pascal program data_mahasiswa; uses crt; type mahasiswa=record nim:string; nama:string; presnsi,uas,uts,tugas:integer; nilai:real; grade:char; end; var mhs:array [1..10] of mahasiswa; i,j,x:integer; jml:integer; kode_mk:integer; nama_mk:string; begin clrscr; j:=0; writeln(‘=====================================’); writeln(‘ PROGRAM HITUNG NILAI ‘); writeln(‘=====================================’); write(‘Masukan Jumlah Data : ‘);readln(jml); write(‘Masukan Kode Matakuliah : ‘);readln(kode_mk); writeln; if kode_mk =151 then begin nama_mk:=’Algoritma & Pemograman’; end else if kode_mk=422 then begin nama_mk:=’Linux 1′; end else if kode_mk=733 then begin nama_mk:=’PPN II (Access)’; end else if kode_mk=772 then begin nama_mk:=’DBMS’; end else begin nama_mk:=”; end; if jml>10 then begin writeln(‘Melebihi Kapasitas’); end else begin for i:=1 to jml do begin with mhs[i] do begin write(‘Nilai ke- ‘,i,’ dari ‘,jml);