Minggu, 02 Agustus 2020

Tugas Lanjutan HTML XII Rpl

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
 
    
        
        <a href="https://progate.com">Prograte</a>
        <img src="anjani mita(26).jpg"width="200px">
        <h1>HELLO WORlD</h1>
        <h2>ayo belajar coding</h2>
        <h3>pelajaran</h3>
        <ul>
            <li>HTML</li>
            <li>PHP</li>
            <li>RUBY</li>
        </ul>
        
    </body>
</html>
Akan menampilkan seperti ini

Diposting oleh di Tidak ada komentar:

Tugas lanjutan HTML XII Rpl

Bismillah.. Kawan2 kita akan coba Pemanasan ya dengan Quiz Topik Materi : HTML Lanjutan Carilah Kesalahan-kesalahan yang terdapat pada Sintak HTML dibawah ini dan Tulis kembali dengan lengkap!
<html> 
<head> 
<title> 
Quiz 1 
</title> 
<body> 
<h3>Menemukan Sintak yang salah dan Kurang</ h2> 
<p> belajar menjadi ahli butuh latihan yang terus menerus </p> 
<p>Latihlah skill dengan terus mengulang-ngulang materi agar otak dan tangan menjadi terlatih <p> 
</> 
<html>foto saat mengerjakan
Diposting oleh di Tidak ada komentar:

Sabtu, 16 Mei 2020

Materi PBO-4 Memahami Tag&table

Tugas akhir kerja siswa menyelesaikan sebuah kasus dibawah ini     


1. Membuat bendera



<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>


#Hasil Coding diatas menampilkan gambar dibawah ini











2.membuat tabel berwarna dan memakai colspan dan rowspan







<!DOCTYPE html>

<html>

<head>

<title>tabel warna</title>

</head>

<body>

<center>

<table border="1" cellpadding="60" cellspacing="1">

<tr>

  <td colspan="2" style="background-color:red"></td>

  <td colspan="2" style="background-color:blue"></td>

  <td colspan="2" style="background-color:blue"></td>

  <td colspan="2" style="background-color:red"></td>

 </tr>

 <tr align="center">

   <td colspan="2" style="background-color:blue"></td>

   <td colspan="4" rowspan="2"> SMK 4 LPPM RI PADALARANG</td>



   <td colspan="2" style="background-color:blue"></td>

</tr>

<tr style="bgcolor:white" align="center">

  <td colspan="2" style="background-color:blue"></td>

  <td colspan="2" style="background-color:blue"></td>





</tr>

<tr style="bgcolor:white" align="center">

  <td colspan="2"style="background-color:red"></td>

  <td colspan="2"style="background-color:blue"></td>

  <td colspan="2"style="background-color:blue"></td>

  <td colspan="2"style="background-color:red"></td>

</tr>

</table>



</center>

</body>

</html>

Ini gambar yang dihasilkam dari coding diatas









3. Membuat tabel absen kelas

codingnya

<!DOCTYPE html>

<html>

<head>

<title>tabel warna</title>

</head>

<body>

<center>

<table border="1" cellpadding="10" cellspacing="1">

<tr>

  <td colspan="4"></td>

 </tr>

 <tr>

   <td>no</td>

   <td>nama</td>

   <td>l/p</td>

   <td>alamat blog</td>

 </tr>

 <tr>

 <td>1</td>

 <td>aulia</td>

 <td>p</td>

 <td>https://agystarahmaaulia blogspot.com</td>

 </tr>

 <tr>

 <td>2</td>

 <td>Vina</td>

 <td>p</td>

 <td>https://vinasetyavinasetya blogspot.com</td>

 </tr>

 <tr>

 <td>3</td>

 <td>Chelsea k</td>

 <td>p</td>

 <td>https://chelseakhariun19.blogspot.com/?m=1</td>

 </tr>

 <tr>

 <td>4</td>

 <td>Yuni sri</td>

 <td>p</td>

 <td>http://yunisrimulyani pelajarperdulicovid19.blogspot.com</td>

 </tr>

 <tr>

 <td>5</td>

 <td>Alif Nur</td>

 <td>l</td>

 <td>http://alifn-azizblogspot.com</td>

 </tr>

 <tr>

 <td>6</td>

 <td>mita dwi anjani</td>

 <td>p</td>

 <td>http://anjanidwimita.blogspot.com</td>

 </tr>

 <tr>

 <td>7</td>

 <td>m arya citra</td>

 <td>l</td>

 <td>http://muhamadaryacitra blogspot.com/?m=1</td>

 </tr>

 <tr>

 <td>8</td>

 <td>Neng yuni</td>

 <td>p</td>

 <td>https://nengyuni-pelajarperdulicovid19.blogspot.com/?m=1</td>

 </tr>

 <tr>

 <td>9</td>

 <td>fitri</td>

 <td>p</td>

 <td>https://fitririanti-pedulicovid19.blogspot.com/?m=1</td>

 </tr>

 <tr>

 <td>10</td>

 <td>agni</td>

 <td>p</td>

 <td>https://agni suntaripelajarpedulicovid19.blogspot.com/?m=1</td>

 </tr>

 <tr>

 <td>11</td>

 <td>Nurul</td>

 <td>p</td>

 <td>https://nurulazzahra.blogspot.com/?m=1</td>

 </tr>

 <tr>

 <td>12</td>

 <td>yuniiyunii A</td>

 <td>p</td>

 <td>https://yuniadriani-pelajarperdulicovid19.blogspot.com/2020/03/pelajar-perduli-covid-19.html?m=1</td>

 </tr>

 <tr>

 <td>13</td>

 <td>pramesti</td>

 <td>p</td>

 <td>https://pramestiwidiaputri-pelajarperdulicovid19.blogspot.com/2020/03/pelajar-perduli-covid19.html?m=1</td>
<td>14</td>
<td>puji santi</td>
<td>p</td>
<td>https:pujisantiperdulicovid19.blogspot.com</td>
<td>15</td>
<td>fajar m</td>
<td>l</td>
<td> https://fajarmustopa-pelajarperdulicovid19 blogspot.com</td>
<td>16</td>
<td>nurandini</td>
<td>p</td>
<td>httpshttps://nurandinipelajarperdulicovid19.blogspot.com</td>
<td>17</td>
<td>indah permata</td>
<td>p</td>
<td>https://indahpelajarperdulicovid19.blogspot.com</td>
<td>18</td>
<td>tedi t</td>
<td>https://tedipelajarperdulicovid19.blogspot.com</td>
<td>19</td>
<td>candra r</td>
<td>l</td>
<td>https://candrapelajarperdulicovid19</td>
<td>20</td>
<td>nisa y</td>
<td>p</td>
<td>https://nisayunisapelajar-perduli covid19.blogspot.com

 </tr>



</table>



</center>

</body>

</html>





Coding diatas menampilakn seperti ini

Diposting oleh di Tidak ada komentar:

Materi PBO-3 Memahami tag&table

 Tugas akhir kerja siswa menyelesaikan sebjah kasus dibawah ini        

 1. Membuat bendera

<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>

 #Hasil Coding diatas menampilkan gambar dibawah ini
  



2.membuat tabel berwarna dan memakai colspan dan rowspan



<!DOCTYPE html>
<html>
<head>
<title>tabel warna</title>
</head>
<body>
<center>
<table border="1" cellpadding="60" cellspacing="1">
<tr>
  <td colspan="2" style="background-color:red"></td>
  <td colspan="2" style="background-color:blue"></td>
  <td colspan="2" style="background-color:blue"></td>
  <td colspan="2" style="background-color:red"></td>
 </tr>
 <tr align="center">
   <td colspan="2" style="background-color:blue"></td>
   <td colspan="4" rowspan="2"> SMK 4 LPPM RI PADALARANG</td>

   <td colspan="2" style="background-color:blue"></td>
</tr>
<tr style="bgcolor:white" align="center">
  <td colspan="2" style="background-color:blue"></td>
  <td colspan="2" style="background-color:blue"></td>


</tr>
<tr style="bgcolor:white" align="center">
  <td colspan="2"style="background-color:red"></td>
  <td colspan="2"style="background-color:blue"></td>
  <td colspan="2"style="background-color:blue"></td>
  <td colspan="2"style="background-color:red"></td>
</tr>
</table>

</center>
</body>
</html>
Ini gambar yang dihasilkam dari coding diatas



3. Membuat tabel absen kelas
codingnya
<!DOCTYPE html>
<html>
<head>
<title>tabel warna</title>
</head>
<body>
<center>
<table border="1" cellpadding="10" cellspacing="1">
<tr>
  <td colspan="4"></td>
 </tr>
 <tr>
   <td>no</td>
   <td>nama</td>
   <td>l/p</td>
   <td>alamat blog</td>
 </tr>
 <tr>
 <td>1</td>
 <td>aulia</td>
 <td>p</td>
 <td>https://agystarahmaaulia blogspot.com</td>
 </tr>
 <tr>
 <td>2</td>
 <td>Vina</td>
 <td>p</td>
 <td>https://vinasetyavinasetya blogspot.com</td>
 </tr>
 <tr>
 <td>3</td>
 <td>Chelsea k</td>
 <td>p</td>
 <td>https://chelseakhariun19.blogspot.com/?m=1</td>
 </tr>
 <tr>
 <td>4</td>
 <td>Yuni sri</td>
 <td>p</td>
 <td>http://yunisrimulyani pelajarperdulicovid19.blogspot.com</td>
 </tr>
 <tr>
 <td>5</td>
 <td>Alif Nur</td>
 <td>l</td>
 <td>http://alifn-azizblogspot.com</td>
 </tr>
 <tr>
 <td>6</td>
 <td>mita dwi anjani</td>
 <td>p</td>
 <td>http://anjanidwimita.blogspot.com</td>
 </tr>
 <tr>
 <td>7</td>
 <td>m arya citra</td>
 <td>l</td>
 <td>http://muhamadaryacitra blogspot.com/?m=1</td>
 </tr>
 <tr>
 <td>8</td>
 <td>Neng yuni</td>
 <td>p</td>
 <td>https://nengyuni-pelajarperdulicovid19.blogspot.com/?m=1</td>
 </tr>
 <tr>
 <td>9</td>
 <td>fitri</td>
 <td>p</td>
 <td>https://fitririanti-pedulicovid19.blogspot.com/?m=1</td>
 </tr>
 <tr>
 <td>10</td>
 <td>agni</td>
 <td>p</td>
 <td>https://agni suntaripelajarpedulicovid19.blogspot.com/?m=1</td>
 </tr>
 <tr>
 <td>11</td>
 <td>Nurul</td>
 <td>p</td>
 <td>https://nurulazzahra.blogspot.com/?m=1</td>
 </tr>
 <tr>
 <td>12</td>
 <td>yuniiyunii A</td>
 <td>p</td>
 <td>https://yuniadriani-pelajarperdulicovid19.blogspot.com/2020/03/pelajar-perduli-covid-19.html?m=1</td>
 </tr>
 <tr>
 <td>13</td>
 <td>pramesti</td>
 <td>p</td>
 <td>https://pramestiwidiaputri-pelajarperdulicovid19.blogspot.com/2020/03/pelajar-perduli-covid19.html?m=1</td>
 </tr>

</table>

</center>
</body>
</html>


Coding diatas menampilakn seperti ini

Diposting oleh di Tidak ada komentar:

Selasa, 12 Mei 2020

Studi Kasus Membuat Relasi Sistem Jual Beli Barang

Studi kasus kali ini adalah pengembagan studi dari minggu  lalu.
* Tujuan: memberikan pengalaman bagaimana sebuah  sistem aplikasi itu  dibangun tidak lepas dari keberadaan database.
Tanpa database maka sebuah sistem tidak akan berjalan dengan baik


Design Tablenya Adalah Sebagai Berikut.


Foto saat sedang mengerjakan



Diposting oleh di Tidak ada komentar:

Senin, 11 Mei 2020

Materi PBO 3 Elemen Html tag atribut coment

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>Website Pribadiku</title>
</head>
<body bgcolor="pink">
<!-- <h1>Hello World</body> -->
<h1><center>Welcome To My Website</center></h1> 
<center><a href> kunjungihttps://anjanidwimita.blogspot.com/2020/05/materi-pbo-elemen-html-tag-atribut.html?m=1 BLOG ku</a></center>
<hr><img src = 
https://scontent.fbdo1-2.fna.fbcdn.net/v/t1.0-9/p960x960/96368872_987033675045744_8638536197108400128_o.jpg?_nc_cat=111&_nc_sid=110474&_nc_eui2=AeH1XFtLmaGqxScpxuCVHm75eFHjQkrLl354UeNCSsuXfpwp9cSE_rlAb8o3DDN71Zo&_nc_ohc=fNl_Dudl_YEAX_0E_Ia&_nc_ht=scontent.fbdo1-2.fna&_nc_tp=6&oh=4a203574bd2a49ed22a664bfd0448dbc&oe=5EDE1AEE"/>
<P><center> mita </center></p>
    <h2><center><b> MY BIOGRAFI </b></center></h2>
<p><center> Bandung, 27 januari2003 </center></p>
<p><center> Perempuan </center></p>
<p><center> cijeunjing rt04/08</center></p>
    <p><center>Contact:</center></p>
<p><center>mitadwianjani885@gmail.com</p></center>
<br>Pengalaman saya selama stay@home ini saya mempumnya banyak waktu dengan keluarga  dan setiap paginya saya membantu pekerjaan rumah dan tidak lupa mengerjakan tugas yang diberikan oleh sekolah jika saya merasa bosan saya menonton tv  dan saya jadi menjadi lebih menjaga kebersihan seperti mencuci tangan dengan sabun semoga wabah virus ini segera berakhir aamiin😇  </br>
</body>
</html> 



 Ini tampilan dari coding diatas maaf kalo kurang jelas 






Foto saat mengerjakan

Assalamualaikum teman teman semoga blog yang aku bagikan ini bermanfaat buat kalian semua yaa mohon maaf jika masih banyak kekurangnnya aku juga masih belajar;)


Diposting oleh di Tidak ada komentar:

Jumat, 08 Mei 2020

Materi PBO 2 Elemen HTML


HTMl Element merupakan sebuah komponen dalam halaman,web bisa
berupa paragraf, judul, atau gambar.
HTML Element
HTML Tag, Element, Attribute & Comment
✓ Pada umumnya, HTML Element terdiri dari:
• Opening Tag (tag pembuka) - contohnya adalah <p>.
• Closing Tag (tag penutup) - contohnya adalah </p>.
• Attribute - contohnya adalah style yang memiliki Value "color=red". HTML Attribute akan kita
pelajari di topik selanjutnya.
• Content (konten) yang ingin ditampilkan di browser - contohnya adalah HALLO WORLD !
▪ Ada dua jenis HTML Element, yaitu:
1. HTML Element yang memiliki Opening Tag (tag pembuka) dan Closing Tag (tag penutup) - contohnya
adalah <p> dan </p>.
2. Empty HTML Element: memiliki Self-closing Tag, yang hanya memiliki Opening Tag (tag pembuka)
dengan garis miring sebelum kurung tutup - contohnya adalah <br /> atau <img /> ATAU tanpa
menggunakan garis miring tidak jadi masalah misal <br> atau<img/> atau tanpa menggunakan garis miring tidak jadi masalah br atau  img
 Tugas Coding

<html>
<head>
<title>website pertamaku</title></head>
<body >
<h1>WELCOME TO</h1>
<h2>SMK 4  RI PADALARANG</h2><img src="https://scontent.fbdo1-1.fna.fbcdn.net/v/t1.0-
9/95607295_110713980626889_160179272000995328_n.jpg?_nc_cat=106&_nc_sid=85a577&_nc_eui2=AeFsKNuhxi4jQS6pKr3
V7ocqLUz1D8FhEoQtTPUPwWEShKYDajKIeIuc6deOJhoRi1E&_nc_ohc=lwUGa3382soAX-kY3At&_nc_ht=scontent.fbdo1-
1.fna&oh=dfed21c791c0b0c580e50ec60d16588b&oe=5EDA9E12"
<p> style="color:black">Sekolah Menengah Kejuruan SMK 4 LPPM RI PADALARANG  didirikan pada tahun 2008 dan baru dapat ijin pendirian pada tahun 2011 dibawah naungan Yayasan Lembaga Pendidikan dan Pengetahuan Masyarakat Republik Indonesia. Pada taun 2008 SMK 4 LPPM RI PADALARANG dipimpin oleh seorang kepala sekolah yang bernama Visa Irany Thresna Dewi,S.Pd.MM, pada awal keahlian yaitu Teknik Komputer Jaringan dan Teknik Sepeda Motor Pada Tahun ajaran 2013/2014 SMK 4 LPPM RI PADALARANG memiliki siswa sebanyak 705 siswa.
</p>
</body>
</html>
 Ini hasil tampilan dari coding diatas
  

 Foto saat mengerjakan tugas 
Assalamualaikum temen temen ini hasil belajar coding hari ini semoga blog yang aku bagikan bermanfaat bagi kalian mohon maaf masih banyak kekurangan masih dalam tahap belajar juga:)


Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)