Review Materi Web dan Aplikasi

September 14, 2022

Review Materi Web dan Aplikasi

Penjelasan HTML

HTML adalah sebuah markup language, yang berfungsi untuk membuat kerangka suatu website.

Syntax dasar atau struktur dasar HTML

DOCTYPE, untuk memberi tahu web browser agar dokumen diproses
Tag <html>, sebagai pembuka keseluruhan halaman
Tag <title>, sebagai judul halaman web
Tag <head>, kode-kode yang tidak tampil di browser
Tag <body>, berisi elemen yang akan ditampilkan di web.

Unsur-unsur Website yang penting

Domain : alamat website yang digunakan untuk mengakses server
Hosting : tempat untuk menyimpan asset file website
Script : bahasa pemrograman yang digunakan.

Struktur sintaks tabel pada HTML

Tag <tr> digunakan untuk membuat baris baru/row

Tag <td> digunakan untuk membuat kolom baru.

Colspan dan Rowspan

Colspan berarti penggabungan beberapa kolom sel menjadi satu sel, sedangkan rowspan berarti penggabungan beberapa baris sel menjadi satu baris sel.

Berikut contoh colspan dan rowspan :

source code

hasil

Penulisan Teks pada HTML

<h1>Contoh teks</h1>

<h2>Contoh teks</h2>

<h3>Contoh teks</h3>

<h4>Contoh teks</h4>

<h5>Contoh teks</h5>

<h6>Contoh teks</h6>

<p>Contoh teks</p>

<h1> adalah heading paling besar pada HTML

<H6> adalah heading paling besar pada HTML.

Text Decoration pada HTML

<br>

Tag <br> dan <strong> digunakan untuk membuat teks menjadi tebal/bold

Tag <u> digunakan untuk membuat teks menjadi di garis bawah/underline

Tag<i> digunakan untuk membuat teks menjadi miring/italic

Tag<s> digunakan untuk membuat teks menjadi coret/strikethrough

Tag <br> digunakan untuk membuat jarak/baris baru pada HTML

Celpadding dan Celspacing

Cellpadding digunakan untuk menentukan jarak spasi antara dinding sel dan isi sel. Cellspacing digunakan untuk menentukan jarak spasi antarsel.

Penjelasan Tentang CSS

CSS berfungsi untuk menstyling suatu website/memperbagus tampilan website. Dalam penerapannya CSS dapat kita implementasikan dengan tiga cara, yaitu

Internal CSS : Menuliskan Style pada File didalam <body> HTML

External CSS : Menuliskan Style pada File yang berformat .css

Inline CSS : Menuliskan Style pada Tag HTML

Layout Pada CSS

Fixed Layout
Dalam penggunaan Fixed Layout lebar tampilan web menjadi tetap ( Fixed ), mungkin terlihat seperti tidak responsive jika dibuka dalam tampilan mobile.

Fluid Layout
Layout ini adalah yang paling banyak disukai oleh para pembuat website, karena dalam mendesain tampilan ini, persentase lebar yang dirancang untuk elemen web diatur sedemikian rupa agar bekerja dengan baik pada berbagai ukuran layar.

Responsive Layout

Jenis Layout ini, merupakan penggabungan dari fixed layout dan fluid layout, dimana seluruh elemen dalam web seperti, teks, gambar, grid, margin, dan padding dapat menyesuaikan sendiri pada resolusi layar pengunjung.

PHP

PHP merupakan bahasa pemrograman yang didesain khusus untuk web development atau pengembangan web. PHP ini sifatnya server-side karena PHP dijalankan dari sisi server.

Fungsi dari PHP ialah untuk mengakses layanan web dan mengubah halaman HTML yang statis menjadi dinamis.

Berikut adalah contoh syntax penulisan PHP

<?php

echo "haloo nama saya rizky"

Penulisan Variabel dari PHP

Pada penulisan variabel PHP, harus diawali dengan tanda $ dan tidak boleh menggunakan spasi. Berikut contoh penulisan dan pemanggilan variabel pada PHP.

<?php

$nama ="nama saya rizky";

echo $nama;

Tipe Data pada PHP

1. Integer

Integer berisikan sebuah bilangan tanpa diberikan tanda petik

<?php

$umur =17;

echo $umur;

2. String

String berisikan beberapa karakter yang dikutip tanda petik

<?php

$nama ="Achmad Rizky";

echo $nama;

3. Array

Array berisikan sekelompok nilai, dapat ditampilkan atau diakses berdasakan posisi indexnya, atau dengan nama yang telah didefinisikan sebelumnya.

<?php

$data[0]="halo";

$data[1]="saya rizky";

$data['data1']="halo";

$data['data2]="saya rizky';

4. Object

Tipe data object pada pemrograman PHP yaitu tipe data yang tidak sekedar menyimpan data tetapi berisikan juga bagaimana untuk mengolah data tersebut.

<?php

class hello{

var $str;

}

$message = new hello();

$message->str="hello world!";

echo $message->str;

5. Float

Float disebut juga tipe data double adalah tipe data yang berisi bilangan desimal. Sama seperti tipe data integer tidak perlu pakai tanda petik di isi variabel float tersebut.

<?php

$plot = 12.5;

6. Boolean

Boolean merupakan salah satu tipe data yang hanya berisi dua nilai yaitu trye dan false.

Operator PHP

1. Operator Aritmatika

Operator yang melaksanakan program aritmatika seperti tambah, kurang, kali, bagi, dan modulus. Untuk perkalian menggunakan tanda *, untuk pembagian menggunakan tanda / dan modulus menggunakan tanda %.

Contoh :

<?php

$a = 5;

$b = 2;

$c = $a+$b;

echo "$a + $b = $c";

echo "<hr>";

2. Operator Increement Decreement

Operator ini merupakan operator yang digunakan untuk menambah +1 dan mengurangi -1 dengan simbol ++ dan -.

Contoh :

$skor = 0;

$skor++;

3. Operator Relasi

Operator ini untuk membandingkan dua buah nilai. Hasilnya akan bernilai boolean yaitu true atau false dengan tanda sebagai berikut :

Lebih besar (>)
Lebih kecil (<)
Sama dengan (== atau ===)
Tidak sama dengan (!= atau !==)
Lebih besar sama dengan (>=)
Lebih kecil sama dengan (<=)

Cari Blog Ini

Mari Kita Coding