Postingan

TUGAS 1 HTML DAN CSS LANJUTAN XII RPL TAHUN 2020

Gambar
Nama:miftah Fariz Kelas:XII RPL Kali ini saya akan membagikan coding dan hasil html dan CSS,serta memakai navbar dengan menggunakan bootstrap A.foto hasilnya B.coding nya    -html   <html>     <head>         <title>TODO supply a title</title>         <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">     </head>     <body> <header>     <div class"container">         <nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="#">Smk 4 lppm ri</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" ari...

TUGAS HTML LANJUTAN XII RPL TAHUN 2020

Gambar
1.coding    <html>     <head>    <meta charset="UTF-8">         <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style media="screen"> body{  margin :15% 15%;  font-family:sans-serif; } .button{  text-decoration:none;  display:block;  margin-top:250px;  padding: 5px 10px;  margin : 10px;  text-align:center;  font-size :24px;  border-radius:15px; } .no-1{  background-color:rgb(60,189,217); } .no-2{  background-color:blue; } .no-3{  background-color:blue; } </style>         <title>TODO supply a title</title>           </head>     <body>         <h1>HELLO WORLD</h1>         <h2>ayo belajar coding</h2>        ...

Membuat html table

Gambar
1.membuat bendera merah putih dengan html table    A.coding     <html> <head> <title>bendera indonesia</title> </head> <body> <center> <table border="1" cellpadding="60" cellspacing="1" style="width: 100%;"> <tr style="background-color: red;">   <td colspan="2"></td>  </tr> <tr style="bgcolor: white;">    <td colspan="2"></td> </tr> </table> <h1> AKU CINTA INDONESIA</h1> </center> </body> </html> B.hasilnya 2 membuat tabel berwarna dan memakai colspan dan rowspan A.codingnya <!DOCTYPE html> <html> <head> <title>tabel warna</title> </head> <body> <center> <table border="1" cellpadding="60" cellspacing="1"> <tr>   <td colspan="2" style=...

TUGAS DARING 3 BELAJAR HTML tag,element,attribute&comment

Gambar
STUDI KASUS : Membuat Halaman Website sederhana menggunakan Text Editor W3Schools / Text Editor apapun yang kalian miliki dengan rincian hasil akhir yang harus di capai sebagai berikut: 1. Website Harus mengandung data Profile Kalian • BIODATA (Nama Lengkap , Tempat & Tgl Lahir , Jenis Kelamin , Kelas , Alamat , No WA , Email • FOTO PRIBADI 2. Website harus mengandung Cerita Unik Selama STAY AT HOME dimasa Pandemi Covid19 3. Website harus mengandung Text Yang jika di KLIK akan mengarah ke Halaman BLOG Kalian Masing2. ( Hyperlink ) 4. Website harus mengandung Comment dan Atribute A.coding <!DOCTYPE html> <html> <head> <title>miftah fariz</title> </head> <body bgcolor="green"> <!.. pengalaman saya selama adanya covid 19 ..> <center> <h1>WELCOME TO MY WEBSITE</h1> <a href="https://tugas3html.blogspot.com/2020/05/r-i-p-d-l-r-n-g-page-4-ebook2-html-tag.html" > Kunjungi BLOGKu...
R I P A D A L A R A N G Page 4 EBOOK2 - HTML Tag, Element, Attribute & Comment – skillvul – w3schools 2020 HTML Tag, Element, Attribute & Comment           html element Masih ingat dengan konsep HTML element dan HTML tag? Opening Tag (tag pembuka) menandakan awal dari sebuah element. Di dalam Opening Tag dapat berisi attribute, yang berfungsi untuk memberikan informasi tambahan kepada sebuah element. Contoh penggunaan attribute: <!-- <img> adalah tag untuk memasukkan element gambar --> <img width="80%" src="https://go.aws/2QJGvNB" />  Cobalah kode di atas pada code editor kalian / w3school code editor Pada kode di atas, tag <img> memiliki dua attribute: • width yang berfungsi untuk menentukan lebar dari element gambar, dan diberikan value (nilai) lebar sebesar 80% • src yang berfungsi untuk menentukan sumber gambar, dan diberikan value (nilai) untuk diarahkan ke tautan https://go.aws/2QJGvNB Contoh lainnya:...