Download to read offline
Uploaded byBambang Osd
Hypertext Markup Language (HTML) Cascading Style Sheets.pptx
Dokumen ini menjelaskan mata kuliah aplikasi manajemen pendidikan yang berfokus pada penggunaan HTML dan CSS untuk pengembangan web. HTML digunakan untuk menyusun struktur halaman, sementara CSS mengatur gaya tampilan halaman. Penjelasan mencakup komponen-komponen dasar HTML dan cara penyematan CSS dalam dokumen web.
More Related Content
Similar to Hypertext Markup Language (HTML) Cascading Style Sheets.pptx
Hypertext Markup Language (HTML) Cascading Style Sheets.pptx
- 1. HTML DAN CSS PROGRAMSTUDI : MANAJEMEN PENDIDIKAN ISLAM (MPI) FAKULTAS : TARBIYAH SEMESTER : III (TIGA) MATA KULIAH : APLIKASI MANAJEMEN PENDIDIKAN DOSEN : BAMBANG FIRMANSYAH, M.Pd.
- 2. HTML Hyper Text MarkupLanguage • Bahasa markup standar untuk membuat dan menyusun halaman dan aplikasi web. • Biasanya, penggunaan umum HTML adalah untuk menyusun bagian paragraf, heading, maupun link pada halaman web. Penemunya Tom Berners Lee • HTTP • HTML • Web Browser • Web Server • Web Page W3C https://www.w3schools.com/
- 3. APA YANG DIBUTUHKAN MembuatFolder HTML editor • Notepad • Notepad++ • Visual Studio Code • Sublime Text Web Browser
- 4. BAGIAN HTML HEAD BODY <!DOCTYPEhtml> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> </body> </html>
- 5. BAGIAN HEAD Judul Halaman •<title></title> CSS • <style></style> Javascript • <script></script> Metadata • <meta></meta>
- 6.
- 7. BAGIAN BODY Teks • <h1>,<h2>, <h3>, <h4>, <h5>, <h6>, <p>, … Pendukung Teks • <br>, <hr>, <em>, <strong>, Gambar • <img src=“nama.ekstensi”> Hyperlink • <a href=“link”></a> List • <ul>, <ol>, <li>, <dl>, <dt>, <dd>,
- 8. BAGIAN BODY Tabel • <table>,<thead>, <tbody> … <table>, <tr>, <td> Form • <form>, <inout>, <select>, <button> … Script • <script> Object • <object> Grup • <div>, <span>
- 9. STURKTUR TAG <body bgcolor=“lightblue”> <nametagatribut=“nilai”>
- 10. CONTOH STRUKTUR HTMLDIVISION <div> <h1>The Main Heading</h1> <h2>A catchy subheading</h2> <p>Paragraph one</p> <img src="/" alt="Image"> <p>Paragraph two with a <a href="https://example.com">hyperlink</a></p> </div>
- 11. CSS • Mekanisme sederhanayang mengatur gaya/style pada halaman web • https://www.w3schools.com/CSS • https://www.csszengarden.com/ • https://css-tricks.com/almanac
- 12. SYNTAX / BAGIANCSS h1 { color: blue;} selector { property: value; }
- 13. PENYEMATAN CSS Embed • <style></style> Inline •<p style=“color: light blue;”> </p> External • <link rel=“stylesheet” href=“style.css”>