Senin, 10 Oktober 2022

pengenalan html dan css

 Menentukan struktur kontrol pada php

                 Memunculkan angka dari 1 - 10


        Menentukan bilangan ganjil dan genap












Selasa, 13 September 2022

Belajar HTML , CSS dan Layout

Apa itu HTML?

Mari kita lihat pengertian HTML menurut wikipedia:

"HTML atau HyperText Markup Language merupakan sebuah bahasa  untuk membuat halaman web". 

Paham kan maksudnya?

Kalau belum paham, sini saya jelaskan…

Jadi, HTML itu adalah sebuah bahasa yang menggunakan markup atau penanda untuk membuat halaman web.

Penanda atau markup ini, nanti akan kita sebut dengan Tag.

HTML berperan untuk menentukan struktur konten dan tampilan dari sebuah web.

Kalau kita ibaratkan nih..

HTML itu seperti batu bata untuk membangun rumah. Batu bata ini dapat disusun, hingga menjadi fondasi dasar.

Struktur Dasar HTML

Penulisan kode HTML selalu dimulai dengan deklarasi DOCTYPE, lalau menuliskan tag <html> dan di dalamnya terdapat tag <head> dan <body>.

 struktur dasar kode HTML terdiri dari tiga bagian penting:

  1. Bagian Deklarasi
  2. Bagian HEAD
  3. Bagian BODY

Setelah belajar HTML, bahasa berikutnya yang harus kita pelajari agar menjadi web developer adalah CSS

Apa itu CSS?

CSS (Cascade Style Sheet) adalah sebuah bahasa untuk mengatur tampilan web sehingga terlihat lebih menarik dan indah.

Dengan CSS, kita dapat mengatur layout (tata letak), warna, font, garis, background, animasi, dan lain-lain.

Berikut Adalah Contoh  Layout CSS dan HTML:

Html.


                                                                                 
Css.



Dan ini hasil Layout Dari Codingan HTML dan CSS di Atas:










Sekian Penjelasan Dari Saya ')


                                                     [Thank You]


Selasa, 26 Juli 2022

Galuh Rizky Pratama

10 Kegunaan Tag HTML


1.Tag Pertama Adalah <div>

<div> pada HTML merupakan tag yang mendeskripsikan suatu bagian atau divisi yang sifatnya fleksibel, artinya penggunaan tag <div> bisa dgunakan sesuai dengan kebutuhan, misalnya saja ketika ingin membuat ID atau Class tag div sering kali dipakai.
<div> tidak memiliki makna apapun seperti tag p untuk paragraf, atau h1 sebagai heading namun tag merupakan tag yang paling sering digunakan ketika membuat struktur website. Karena dengan <div> kita bisa membuat penamaan sesuai keinginan sendiri dengan menambahkan atribut ID atau Class.

Berikut Contoh Pengunaan <div>

<div>Haloo Nama Saya Galuh</div>


2. Tag Kedua Adalah <H1> s/d <H6>

Tag Heading merupakan tag yang disediakan oleh HTML untuk membuat sebuah judul pada teks dalam sebuah halaman web. Tag Heading secara default ditampilkan oleh browser dengan ukuran lebih besar dan lebih tebal (bold) dari teks biasa.

Terdapat 6 level heading pada HTML, yang paling tinggi adalah <h1> dan yang paling rendah adalah <h6>.

Berikut ini adalah contoh H1 s/d H6

<h1>h1 - Heading tertinggi</h1>
<h2>h2 - Heading level 2</h2>
<h3>h3 - Heading level 3</h3>
<h4>h4 - Heading Level 4</h4>
<h5>h5 - Heading level 5</h5>
<h6>h6 - Heading level terakhir</h6>



Berikut Adalah Tabel Yang Saya Buat

BIODATA KETERANGAN
  Nama  GALUH RIZKY PRATAMA
  Tempat Tanggal Lahir   Jakarta Pusat, 7 Maret 2007
  Sekolah  SMKN 1 Jakarta
  Jurusan  PPLG
  Jenis Kelamin  Laki-Laki
  Alamat Sekarang  JL.Karang Anyar Utara 3
  Agama  ISLAM
  Status   Kepoo



3. Tag Ketiga Adalah List

List merupakan cara penulisan yang sering digunakan untuk membuat daftar berurutan. Terdapat 3 macam list yang ada di HTML yaitu ordered listunordered list dan description list. Cara membuat list di html tentunya berbeda-beda sesuai jenisnya. Ketiga macam list HTML tersebut juga memiliki tampilan dan fungsi yang berbeda.

Berikut Contoh Pengunaan dan Hasil List

<html>
<body>

<h2>An Unordered HTML List</h2>

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>  

<h2>An Ordered HTML List</h2>

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

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

    















Berikut Adalah Hasil Dari Penggunaan Heading,Yang ada pada no 2                                                                         




5. Menampilkan gambar

6. HTML Forms






If you click the "Submit" button, the form-data will be sent to a page called "/action_page.php".

7. The Button Element

pengenalan html dan css

 Menentukan struktur kontrol pada php                    Memunculkan angka dari 1 - 10         Menentukan bilangan ganjil dan genap