SlideShare a Scribd company logo
1 of 4
<!DOCTYPE html>
<html>
<head>
<center><title>Belajar1</title></center>
</head>
<body>
<h2>tag yang bisaada pada head</h2>
<br> title,css(style),javascript(script),metadata(meta)
<br>
<h2> tag yang bisaada pada body</h2>
<br>
<teks> (h1),(p), pendukungteks(br),(hr),(em),(strong)
<br> gambar (img)
<br> link(a)
<br> listbulet&number(ul),(ol),(li),(dl),(dt),(dd)
<br>
<h2>Cara MembuatList (Bulet&Number)</h2>
<br>
<h3> OrderedList(ol) listter-urut</h3>
<ol>
<li>ketikkantagol</li>
<li>ketikantagli di antara tag ol</li>
</ol>
<br> defauldnyalistdengantagol akan memunculkanlistdenganangka1,2,3 dst
<br> untukmengubahlistnyamenjadi huruf kapital,kecil,atauangkaromawi,kitaperlumenggunakan
atribute padaol denganformat:
"<"type="isi karakterlistyangdiinginkan,misal A,a,I,i"">"<"/ol">"
<p>coba:</p>
<ol type="A">
<li>ini huruf A</li>
<li>ini huruf B</li>
</ol>
<p>bedatag p dantag br</p>
<ol>
<li>tag p digunakanuntukparagraf (jarakatar barisatas dan bawah cenderungjauh)</li>
<li>tag br digunakanuntukganti baris(jarakantar barisatas dan bawahcenderungdekat)</li>
</ol>
<p>Unorderedlist(ul)</p>
<br>
<ul>
<li>ini list1</li>
<li>ini list2</li>
<li>ini list3</li>
</ul>
<br> defauldnyalistul menggunakantitik,untukmengubahkarakternyaperludiberi atribute seperidi
ol.
<br> di tag ul hanyamemilikitigakarakteryaitu:
<ol>
<li>disk</li>
<li>square</li>
<li>circle</li>
</ol>
<br> contohdisk:
<br>
<ul type="disk">
<li>disk1</li>
<li> disk2</li>
<li>disk3</li>
</ul>
<p>contoh squere:</p>
<ul type="square">
<li>square 1</li>
<li>square 2</li>
</ul>
<p>contoh circle:</p>
<ul type="circle">
<li> circle 1</li>
<li> circle 2</li>
</ul>
<p>List menggunakandefinitionlist(dl)</p>
<br> cara menggunakannyayaitudenganmenggunakantakdl,dandi antara tag pembukadan
penutupnyadiberikantagdtdan diikuti tagdd
<dl>
<dt> terminologi 1</dt>
<dd>description1</dd>
<dt> terminologi 2</dt>
<dd>description2</dd>
</dl>
<p><b>Menggunakanhyperlink</b></p>
<br>tag yangdigunakanadalahtag a (anchur,dibacaangker)
<br> contoh:
<a>klik<a href="Halaman2.html">disini</a>
</body>
</html>

More Related Content

Similar to Berajar html 1

Mohammad habi paw 1105982
Mohammad habi paw 1105982Mohammad habi paw 1105982
Mohammad habi paw 1105982
Mohammad Habi
 
pertemuan-2-html-hypertext-markup-language.ppt
pertemuan-2-html-hypertext-markup-language.pptpertemuan-2-html-hypertext-markup-language.ppt
pertemuan-2-html-hypertext-markup-language.ppt
Fatoni Pinocchio
 
Laporan pemrograman berbasis web (CSS)
Laporan pemrograman berbasis web (CSS)Laporan pemrograman berbasis web (CSS)
Laporan pemrograman berbasis web (CSS)
gufron_ar
 
Html dasar
Html dasarHtml dasar
Html dasar
fhnx
 
Andino Maseleno - Modul Web Programming
Andino Maseleno - Modul Web ProgrammingAndino Maseleno - Modul Web Programming
Andino Maseleno - Modul Web Programming
Andino Maseleno
 
Desain web 2 kolom
Desain web 2 kolomDesain web 2 kolom
Desain web 2 kolom
Haswi Haswi
 
Modul pemrograman berbasis_web.pdf;filename= utf-8''modul pemrograman berbasi...
Modul pemrograman berbasis_web.pdf;filename= utf-8''modul pemrograman berbasi...Modul pemrograman berbasis_web.pdf;filename= utf-8''modul pemrograman berbasi...
Modul pemrograman berbasis_web.pdf;filename= utf-8''modul pemrograman berbasi...
LarasWiranti2
 

Similar to Berajar html 1 (20)

Bab i. html
Bab i. htmlBab i. html
Bab i. html
 
Mohammad habi paw 1105982
Mohammad habi paw 1105982Mohammad habi paw 1105982
Mohammad habi paw 1105982
 
Modul 2a html
Modul 2a htmlModul 2a html
Modul 2a html
 
01. pengenalan tabel
01. pengenalan tabel01. pengenalan tabel
01. pengenalan tabel
 
pertemuan-2-html-hypertext-markup-language.ppt
pertemuan-2-html-hypertext-markup-language.pptpertemuan-2-html-hypertext-markup-language.ppt
pertemuan-2-html-hypertext-markup-language.ppt
 
Laporan pemrograman berbasis web (CSS)
Laporan pemrograman berbasis web (CSS)Laporan pemrograman berbasis web (CSS)
Laporan pemrograman berbasis web (CSS)
 
Html dasar
Html dasarHtml dasar
Html dasar
 
Dasar pemrograman web HTML
Dasar pemrograman web HTMLDasar pemrograman web HTML
Dasar pemrograman web HTML
 
Praktikum CSS
Praktikum CSSPraktikum CSS
Praktikum CSS
 
Html dasar 123
Html dasar 123Html dasar 123
Html dasar 123
 
Andino Maseleno - Modul Web Programming
Andino Maseleno - Modul Web ProgrammingAndino Maseleno - Modul Web Programming
Andino Maseleno - Modul Web Programming
 
Pelatihan website#1
Pelatihan website#1Pelatihan website#1
Pelatihan website#1
 
Materi3-Table & Frame Layout -SULHAN.pdf
Materi3-Table & Frame Layout -SULHAN.pdfMateri3-Table & Frame Layout -SULHAN.pdf
Materi3-Table & Frame Layout -SULHAN.pdf
 
Desain web 2 kolom
Desain web 2 kolomDesain web 2 kolom
Desain web 2 kolom
 
Modul pemrograman berbasis_web.pdf;filename= utf-8''modul pemrograman berbasi...
Modul pemrograman berbasis_web.pdf;filename= utf-8''modul pemrograman berbasi...Modul pemrograman berbasis_web.pdf;filename= utf-8''modul pemrograman berbasi...
Modul pemrograman berbasis_web.pdf;filename= utf-8''modul pemrograman berbasi...
 
PWEB HTML
PWEB HTMLPWEB HTML
PWEB HTML
 
Pertemuan 8 a
Pertemuan 8 aPertemuan 8 a
Pertemuan 8 a
 
Pertemuan 8 a
Pertemuan 8 aPertemuan 8 a
Pertemuan 8 a
 
Modul HTML5
Modul HTML5Modul HTML5
Modul HTML5
 
Pemograman Berbasis Web Cascading Style Sheets
Pemograman Berbasis Web Cascading Style SheetsPemograman Berbasis Web Cascading Style Sheets
Pemograman Berbasis Web Cascading Style Sheets
 

Recently uploaded

.....................Swamedikasi 2-2.pptx
.....................Swamedikasi 2-2.pptx.....................Swamedikasi 2-2.pptx
.....................Swamedikasi 2-2.pptx
furqanridha
 
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.pptHAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
nabilafarahdiba95
 
Contoh PPT Seminar Proposal Teknik Informatika.pptx
Contoh PPT Seminar Proposal Teknik Informatika.pptxContoh PPT Seminar Proposal Teknik Informatika.pptx
Contoh PPT Seminar Proposal Teknik Informatika.pptx
IvvatulAini
 
Kisi kisi Ujian sekolah mata pelajaran IPA 2024.docx
Kisi kisi Ujian sekolah mata pelajaran IPA 2024.docxKisi kisi Ujian sekolah mata pelajaran IPA 2024.docx
Kisi kisi Ujian sekolah mata pelajaran IPA 2024.docx
FitriaSarmida1
 
1. Kisi-kisi PAT IPA Kelas 7 Kurmer 2024
1. Kisi-kisi PAT IPA Kelas 7 Kurmer 20241. Kisi-kisi PAT IPA Kelas 7 Kurmer 2024
1. Kisi-kisi PAT IPA Kelas 7 Kurmer 2024
DessyArliani
 

Recently uploaded (20)

KELAS 10 PERUBAHAN LINGKUNGAN SMA KURIKULUM MERDEKA
KELAS 10 PERUBAHAN LINGKUNGAN SMA KURIKULUM MERDEKAKELAS 10 PERUBAHAN LINGKUNGAN SMA KURIKULUM MERDEKA
KELAS 10 PERUBAHAN LINGKUNGAN SMA KURIKULUM MERDEKA
 
Aksi Nyata PMM Topik Refleksi Diri (1).pdf
Aksi Nyata PMM Topik Refleksi Diri (1).pdfAksi Nyata PMM Topik Refleksi Diri (1).pdf
Aksi Nyata PMM Topik Refleksi Diri (1).pdf
 
.....................Swamedikasi 2-2.pptx
.....................Swamedikasi 2-2.pptx.....................Swamedikasi 2-2.pptx
.....................Swamedikasi 2-2.pptx
 
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
 
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.pptHAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
 
Contoh PPT Seminar Proposal Teknik Informatika.pptx
Contoh PPT Seminar Proposal Teknik Informatika.pptxContoh PPT Seminar Proposal Teknik Informatika.pptx
Contoh PPT Seminar Proposal Teknik Informatika.pptx
 
Program Kerja Public Relations - Perencanaan
Program Kerja Public Relations - PerencanaanProgram Kerja Public Relations - Perencanaan
Program Kerja Public Relations - Perencanaan
 
Modul Ajar IPAS Kelas 4 Fase B Kurikulum Merdeka [abdiera.com]
Modul Ajar IPAS Kelas 4 Fase B Kurikulum Merdeka [abdiera.com]Modul Ajar IPAS Kelas 4 Fase B Kurikulum Merdeka [abdiera.com]
Modul Ajar IPAS Kelas 4 Fase B Kurikulum Merdeka [abdiera.com]
 
Kisi kisi Ujian sekolah mata pelajaran IPA 2024.docx
Kisi kisi Ujian sekolah mata pelajaran IPA 2024.docxKisi kisi Ujian sekolah mata pelajaran IPA 2024.docx
Kisi kisi Ujian sekolah mata pelajaran IPA 2024.docx
 
AKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTX
AKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTXAKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTX
AKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTX
 
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdfMODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
 
OPTIMALISASI KOMUNITAS BELAJAR DI SEKOLAH.pptx
OPTIMALISASI KOMUNITAS BELAJAR DI SEKOLAH.pptxOPTIMALISASI KOMUNITAS BELAJAR DI SEKOLAH.pptx
OPTIMALISASI KOMUNITAS BELAJAR DI SEKOLAH.pptx
 
Penyuluhan DM Tipe II Kegiatan Prolanis.ppt
Penyuluhan DM Tipe II Kegiatan Prolanis.pptPenyuluhan DM Tipe II Kegiatan Prolanis.ppt
Penyuluhan DM Tipe II Kegiatan Prolanis.ppt
 
MODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdfMODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdf
 
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
 
Panduan Memahami Data Rapor Pendidikan 2024
Panduan Memahami Data Rapor Pendidikan 2024Panduan Memahami Data Rapor Pendidikan 2024
Panduan Memahami Data Rapor Pendidikan 2024
 
Prakarsa Perubahan dan kanvas ATAP (1).pptx
Prakarsa Perubahan dan kanvas ATAP (1).pptxPrakarsa Perubahan dan kanvas ATAP (1).pptx
Prakarsa Perubahan dan kanvas ATAP (1).pptx
 
1. Kisi-kisi PAT IPA Kelas 7 Kurmer 2024
1. Kisi-kisi PAT IPA Kelas 7 Kurmer 20241. Kisi-kisi PAT IPA Kelas 7 Kurmer 2024
1. Kisi-kisi PAT IPA Kelas 7 Kurmer 2024
 
Bab 4 Persatuan dan Kesatuan di Lingkup Wilayah Kabupaten dan Kota.pptx
Bab 4 Persatuan dan Kesatuan di Lingkup Wilayah Kabupaten dan Kota.pptxBab 4 Persatuan dan Kesatuan di Lingkup Wilayah Kabupaten dan Kota.pptx
Bab 4 Persatuan dan Kesatuan di Lingkup Wilayah Kabupaten dan Kota.pptx
 
Konseptual Model Keperawatan Jiwa pada manusia
Konseptual Model Keperawatan Jiwa pada manusiaKonseptual Model Keperawatan Jiwa pada manusia
Konseptual Model Keperawatan Jiwa pada manusia
 

Berajar html 1

  • 1. <!DOCTYPE html> <html> <head> <center><title>Belajar1</title></center> </head> <body> <h2>tag yang bisaada pada head</h2> <br> title,css(style),javascript(script),metadata(meta) <br> <h2> tag yang bisaada pada body</h2> <br> <teks> (h1),(p), pendukungteks(br),(hr),(em),(strong) <br> gambar (img) <br> link(a) <br> listbulet&number(ul),(ol),(li),(dl),(dt),(dd) <br> <h2>Cara MembuatList (Bulet&Number)</h2> <br> <h3> OrderedList(ol) listter-urut</h3> <ol> <li>ketikkantagol</li> <li>ketikantagli di antara tag ol</li> </ol> <br> defauldnyalistdengantagol akan memunculkanlistdenganangka1,2,3 dst <br> untukmengubahlistnyamenjadi huruf kapital,kecil,atauangkaromawi,kitaperlumenggunakan atribute padaol denganformat:
  • 2. "<"type="isi karakterlistyangdiinginkan,misal A,a,I,i"">"<"/ol">" <p>coba:</p> <ol type="A"> <li>ini huruf A</li> <li>ini huruf B</li> </ol> <p>bedatag p dantag br</p> <ol> <li>tag p digunakanuntukparagraf (jarakatar barisatas dan bawah cenderungjauh)</li> <li>tag br digunakanuntukganti baris(jarakantar barisatas dan bawahcenderungdekat)</li> </ol> <p>Unorderedlist(ul)</p> <br> <ul> <li>ini list1</li> <li>ini list2</li> <li>ini list3</li> </ul> <br> defauldnyalistul menggunakantitik,untukmengubahkarakternyaperludiberi atribute seperidi ol. <br> di tag ul hanyamemilikitigakarakteryaitu: <ol> <li>disk</li> <li>square</li> <li>circle</li> </ol>
  • 3. <br> contohdisk: <br> <ul type="disk"> <li>disk1</li> <li> disk2</li> <li>disk3</li> </ul> <p>contoh squere:</p> <ul type="square"> <li>square 1</li> <li>square 2</li> </ul> <p>contoh circle:</p> <ul type="circle"> <li> circle 1</li> <li> circle 2</li> </ul> <p>List menggunakandefinitionlist(dl)</p> <br> cara menggunakannyayaitudenganmenggunakantakdl,dandi antara tag pembukadan penutupnyadiberikantagdtdan diikuti tagdd <dl> <dt> terminologi 1</dt> <dd>description1</dd> <dt> terminologi 2</dt> <dd>description2</dd> </dl>
  • 4. <p><b>Menggunakanhyperlink</b></p> <br>tag yangdigunakanadalahtag a (anchur,dibacaangker) <br> contoh: <a>klik<a href="Halaman2.html">disini</a> </body> </html>