Kamis, 13 Agustus 2020

Belajar HTML & CSS

 CSS


Pengertian :CSS adalah kepanjangan dari Cascading Style Sheet yang berfungsi untuk mengatur tampilan elemen yang tertulis dalam bahasa markup. Fungsi lain dari CSS yakni untuk memisahkan konten dari tampilan visual dalam sebuah website.


Untuk dapat lebih dimengerti kita langsung praktek!


Pertama kita Buat dulu Coding HTML untuk contoh:


<!DOCTYPE html>

<html>

    <head>

        <title>Page Title</title>

        <link rel="stylesheet" type="text/css" href="style.css">

    </head>

    <body>

    <h1>HALO WORLD</h1>

    <h2>Ayo Belajar</h2>

    <h3>Pelajaran</h3>

    <p>HTML,CSS,PHP,RUBY</p>

        

    </body>

</html>


Tampilan hasil dari Coding diatas adalah seperti gambar dibawah ini:




Setelah itu kita lanjut dengan coding CSS agar tampilan lebih menarik dan berwarna contoh Coding:


 


body {

    bg-color:White;

}

h1{

    color:blue;

}

h2{

    color:green;

}

h3{

    color:red;

}

p{

    text-align:center;

    color:purple;

} 


Dan Tampilannya menjadi seperti gambar dibawah ini:


Sekian untuk pembahasan kali ini.Semoga bermanfaat untuk kita semua jangan lupa untuk semangat belajar!!

Diposting oleh di Tidak ada komentar:

Jumat, 07 Agustus 2020

Tugas 1 HTML lanjutan XII QUIZ RPL - TH2020

 


<html><

head>

<title>
Quis1
</title>
</head>
<body>
<h3>menemukan sintak yang
salah dan kurang</h3>
<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>
</body>
</html>

Sekian, terimakasih 😁
Diposting oleh di Tidak ada komentar:

Minggu, 02 Agustus 2020

Tugas 1 HTML LANJUTAN-XII RPL 3 TH 2020

Agustus 03, 2020


1.

2.HTML yang saya buat
<!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="coki.jpg">
        <h1>HELLO WORD</h1>
        <h2>ayo belajar coding</h2>
        <h3>pelajaran</h3>
        <ul>
            <li>HTML</li>
            <li>PHP</li>
            <li>RUBY</li>
        </ul>
     
    </body>
</html>

3.hasilnya

Cukup sekian laporan dari saya. terimaksih kepada pihak-pihak yang telah membantu saya. saya berharap mendapatkan hasil yang maksimal. untuk itu saya mohon saran dari bpk pembimbing untuk laporan selanjutnya. jika ada kesalahan saya mohon maaf😊
Diposting oleh di Tidak ada komentar:

Sabtu, 16 Mei 2020

MATERI 3-HTML TAG TABLE

Tugas 1 : 

 <!DOCTYPE html>
<html>
<body>

<table border="1" cellpadding="50" style="width:100%">
<tr style="background-color: red">
<td></td>
</tr> 

<tr style="background-color: white">
<td></td>
</tr>

</table>
<center>
<p><h3><b>AKU CINTA INDONESIA</b></h3></p>
</center>
</body>
</html>

     Hasilnya:


-Tugas 2 :

sumber(https://miftah-perlajarpedulicovid19.blogspot.com)

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

     Hasilnya:

-Tugas 3 :

<html>
<body>
<table border = “1” style="width:100%">

<tr align="center" style="background-color: cyan">
 <td colspan="4">ANGGOTA GRUP KELAS XI RPL 3</td>
 </tr>


<tr style="background-color: yellow">
 <th>NO</th>
 <th>NAMA</th>
 <th>L/P</th>
 <th>Alamat Blog</th>
</tr>

<tr>
 <td>1</td>
 <td>M.Radzu</td>
 <td>L</td>
 <td>https://muhamadraju-pedulicovid19.blogspot.com</td>
</tr>

<tr>
 <td>2</td>
 <td>Miftah</td>
 <td>L</td>
 <td>https://miftah-pedulicovid19.blogspot.com</td>
</tr>

<tr>
 <td>3</td>
 <td>Adi tajudin</td>
 <td>L</td>
 <td>https://aditajudin-pedulicovid19.blogspot.com</td>
</tr>

<tr>
 <td>4</td>
 <td>David septian</td>
 <td>L</td>
 <td>https://david-pedulicovid19.blogspot.com</td>
</tr>

<tr>
 <td>5</td>
 <td>Vidky</td>
 <td>L</td>
 <td>https://vidky-pedulicovid19.blogspot.com</td>
</tr>

<tr>
 <td>6</td>
 <td>Rizki albani</td>
 <td>L</td>
 <td>https://rizkialbani-pedulicovid19.blogspot.com</td>
</tr>

<tr>
 <td>7</td>
 <td>M.zakaria</td>
 <td>L</td>
 <td>https://jack-pedulicovid19.blogspot.com</td>
</tr>

<tr>
 <td>8</td>
 <td>Candra</td>
 <td>L</td>
 <td>https://candra-pedulicovid19.blogspot.com</td>
</tr>

<tr>
 <td>9</td>
 <td>Nasrul</td>
 <td>L</td>
 <td>https://nasrul-pedulicovid19.blogspot.com</td>
</tr>

<tr>
 <td>10</td>
 <td>Asep</td>
 <td>L</td>
 <td>https://asep-pedulicovid19.blogspot.com</td>
</tr>


</table>
</body>
</html>

     Hasilnya:


Proses mengerjakan :


Diposting oleh di Tidak ada komentar:

Jumat, 15 Mei 2020

TUGAS DARING MATERI 2 BELAJAR HTML-HTML TAG,ELEMENT ATTRIBUTE & COMMEN


<html>
<head>
<title>Websiteku</title>
</head>
<body bgcolor="cyan">
<hr>
<marquee><font face="wildwest"><h3><big>Welcome To My Website</font></h3></marquee></big>
<hr>
<br>
<center><img src="coki.jpg"width="200px">
<b><font face="times new roman"><h2>M Radzu Servia Rahman</h2><br></b>
<b><h3>My Biodata</b></h3><br>
Bandung, 21 Juni 2002
<br>
Laki-laki
<br>
kp.babakan RT 02 RW 02 desa ciburuy kec.padalang
kab.bandung barat
<br>
no tlp : 089662233025
</center>
<br>
<! -- Ini adalah Paragraf -->
<p>Pengalaman saat Stay at Home begitu banyak,,,<br> yaa yang pasti banyak tugas lah ya hehe.</p>

<a href="https://www.blogger.com/blogger.g?blogID=4987663763588949441#allposts">BLOGKU</a>

</body>
</htm >

Hasil coding diatas:



Proses pengcodingan:



Diposting oleh di Tidak ada komentar:

Senin, 11 Mei 2020

MATERI 1-PENGENALAN HTML DAN TAG HTML

Selasa, 12 Mei 2020

 <!DOCTYPE html>
<html>
<head>
<title>Website Pertamaku</title>
</head>
<body>

 <h1>HALLO WORLD !</h1>

 </body>

 </html>

Berikut hasil tampilan dari HTML di atas:


Proses coding:




Diposting oleh di Tidak ada komentar:

Jumat, 03 April 2020

Awas Corona, Satpol PP Bandung Bubarkan Arena Game Online

CNN Indonesia
Jumat, 03/04/2020 14:08
Awas Corona, Satpol PP Bandung Bubarkan Arena Game Online
Anak-anak bermain gim komputer secara daring. (CNNIndonesia/Adhi Wicaksono)
Bandung, CNN Indonesia -- Satuan Polisi Pamong Praja (Satpol PP) Kota Bandung membubarkan sebuah arena gim daring (game online) yang masih beroperasi selama pandemik virus corona (Covid-19) di kawasan Solontongan, Kecamatan Regol, Kamis (2/4).

Kegiatan Satpol PP yang dilakukan bersama Bantuan Kendali Operasional (BKO) TNI, petugas gabungan menemui sekitar 15 orang yang tengah bermain di warung internet (warnet) tersebut.


Lihat juga:
 Dugem Online, Cara Baru Disko Sembari Social Distancing
"Kami meminta pengunjung untuk segera menghentikan kegiatan dan kembali ke rumahnya masing-masing," ujar Kepala Satpol PP Kota Bandung Rasdian Setiadi dalam siaran pers yang dibagikan Humas Pemkot Bandung.


Setiadi menyatakan tindakan pembubaran itu dilakukan setelah ada laporan masyarakat yang mengadu ada warnet dan rental Play Station (PS) yang masih beroperasi.

"Tentunya sekarang semua khawatir apabila ada kerumunan atau tempat yang menciptakan keramaian. Karenanya, kami berusaha sebaik mungkin untuk mencegah hal ini sehingga penyebaran Covid-19 bisa kita minimalisir," kata dia.

Setiadi pun berharap warga Kota Bandung tanggap dengan keadaan di sekitar lingkungan tempat tinggalnya.

"Kalau ada hal yang membuat keramaian bisa dilaporkan kepada petugas sehingga pencegahannya bisa lebih cepat juga dilakukan," tuturnya.

Selain di Jalan Solontongan, petugas juga berpatroli ke sejumlah warnet dan rental PS lain. Beberapa di antaranya ke Jalan Ciwastra dan Jalan Cijagra. Namun, petugas sudah menemukan warnet tersebut dalam keadaan tutup.

Lihat juga:
 Pengguna Gim Online Meningkat 75 Persen Kala Corona
Terpisah, Kepala Seksi Penyidikan dan Penindakan Satpol PP Kota Bandung Mujahid Syuhada mengatakan pihaknya melaksanakan imbauan untuk sementara tidak melaksanakan kegiatan operasional jasa usaha pariwisata dalam upaya kewaspadaan terhadap penularan Infeksi Covid-19.

Mujahid mengatakan hal tersebut didasari Surat Edaran Sekretaris Daerah atas nama Wali Kota Bandung Nomor: 556/SE.48-DISBUDPAR tanggal 31 Maret 2020.


Dalam surat tersebut, para pemilik usaha jasa pariwisata diimbau untuk tidak beroperasi hingga tanggal 14 April 2020.

"Adapun usaha pariwisata yang ditetapkan untuk tutup meliputi klab malam, diskotik, pub, pub dan karaoke, karaoke, bar/rumah minum, arena permainan ketangkasan, spa, arena permainan anak, bioskop, bola gelinding, bola sodok, hingga panti pijat," katanya.

Selain itu, pihaknya terus menyosialisasikan imbauan kepada masyarakat untuk tetap berada di rumah selama pandemi corona melalui pengeras suara menggunakan mobil patroli ke sejumlah kawasan. Di antaranya Jalan Gedebage, Soekarno Hatta, Ujungberung, Cicaheum, Ahmad Yani, dan Jalan Jakarta.

Lihat juga:
 DKI Akan Ajukan PSBB ke Menkes, Bogor Masih Kaji
(hyg/kid)

Kenali seluk-beluk virus corona, cara mencegah, serta gejala dan pengobatannya lewat laporan interaktif CNNIndonesia.com. Cek di sini.


FOKUS

PP Pembatasan Sosial Resmi Berlaku

game online virus corona covid-19 bandung kerumunan

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