Kamis, 08 Agustus 2024

CSS dan Intruksi CSS - M Firman M [1803015154]

 CSS ?    

    CSS adalah singkatan dari cascading style sheets, yaitu bahasa yang digunakan untuk menentukan tampilan dan format halaman website. Dengan CSS, Anda bisa mengatur jenis font, warna tulisan, dan latar belakang halaman. 

Ada 6 macam instruksi di CSS:

  1. Selektor Tag
  2. Selektor Class
  3. Selektor ID
  4. Selektor Atribut
  5. Selektor Universal
  6. Selektor Pseudo
Berikut penjelasan masing masing selektor :
  1. Selektor Tag
    • Selektor ini memilih elemen berdasarkan nama tag.
  2. Selektor Class
    • Selektor yang memilih berdasarkan class dengan tanda titik 2 didepannya
  3. Selektor ID
    • Selektor yang menggunakan ID unik dan hanya untuk 1 element
  4. Selektor Atribut
    • Selektor yang memilih element berdasarkan atributnya
  5. Selektor Universal
    • Selektor yang berfungsi untuk menyeleksi elemen pada jangkauan tertentu
  6. Se;ektor Pseudo
    • Pseudo Class : Selektor untuk state elemen
    • Pseudo Element : Selektor untuk elemen semu di HTML

Selasa, 06 Agustus 2024

Fungsi Tag HTML [M.Firman-1803015154]

 <html>: Berfungsi untuk membuat struktur pada halaman HTML/WEB

<head>: Berfungsi untuk memberikan informasi terkait judul, dan link ke CSS. 

<title>: Berfungsi untuk menetapkan judul yang akan tampil pada browser web. 

<body>: Berfungsi untuk sebagai halaman utama web yang akan ditampilkan pada web aslinya. 

<h1>, <h2>, <h3>, <h4>, <h5>, <h6>: Berfungsi untuk mebuat judul dan subjudul pada web. 

<p>: Berfungsi untuk membuat paragraf teks. 

<a>: Berfungsi untuk membuat hyperlink web lain. 

<img>: Berfungsi untuk menyertakan gambar pada web. 

<ul>: Berfungsi untuk membuat daftar tidak berurutan yang ditandai dengan simbol. 

<ol>: Berfungsi untuk membuat daftar berurutan yang ditandai dengan nomer. 

<li>: Berfungsi untuk menentukan setiap item dalam daftar "<ol>".

<div>: Berfungsi untuk mengelompokan element pada HTML yang membuat barisan. 

<span>: Berfungsi untuk mengelompokan element pada HTML tanpa membuat barisan.

<form>: Berfungsi untuk mengelompokan element pada "<form>".

<input>: Berfungsi untuk melakukan masukan pada HTML. 

<textarea>: Berfungsi untuk melakukan input teks multi baris. 

<select>: Berfungsi untuk melakukan dropdown list dengan pilihan. 

<option>: Berfungsi untuk melakukan dropdown list dengan pilihan.

<button>: Berfungsi untuk mendefinisikan tombol pada web untuk dapat di klik. 

<table>: Berfungsi untuk mendefinisikan tabel yang terdapat pada tag ini. 

<tr>: Berfungsi untuk mendefinisikan baris dalam tabel. 

<td>: Berfungsi untuk mendefinisikan sel data pada tabel yang merupakan konten utama tabel. 

<th>: Berfungsi untuk mendefinisikan sel header pada tabel . 

<thead>, <tbody>, <tfoot>: Mengelompokkan bagian-bagian dari tabel (header, badan, footer).

<iframe> : Berfungsi untuk menyematkan dokumen lain. 

<audio> : Berfungsi untuk memasukan suara pada web. 

<video> : Berfungsi untuk mamasukan video pada web. 

<canvas> : Berfungsi untuk dapat memungkinkan pengguna untuk menggambar. 

<script> : Berfungsi untuk menyambungkan Java Script dengan menggunkan "src".

<style> : Berfungsi untuk mendefinisikan CSS.