Review HTML, CSS & C#

on

 Review Materi HTML, CSS & C#


  • HTML (Hypertext Markup Language) 💥
HTML bukan bahasa pemrograman, tetapi ini markup language. Di HTML, kita bisa buat halaman website. tag HTML dan materi yang telah dipelajari adalah:

1.  Tabel 💥
<tr> tag tabel row untuk mengganti baris pada tabel
<td> tag tabel data untuk membuat kolom tabel
<th> tag tabel header untuk bagian atas tabel
<table> tag ini untuk membuat tabel
Dalam tabel ini, kita bisa menambahkan properti colspan dan rowspan, singkatnya colspan itu menggabungkan kolom tabel ke samping, sedangkan rowspan adalah menggabungkan baris tabel ke bawah, untuk lebih lengkapnya dapat dilihat di sini. 

Cellspacing dan Cellpadding💥
Cellspacing yaitu jarak antar isi tabel dengan border, sedangkan Cellpadding yaitu jarak antar tepi border.

2. Teks 💥
<b> dan <strong> tag bold dan strong fungsinya untuk menebalkan teks
<i> tag ini fungsinya untuk membuat teks menjadi miring
<s> tag ini digunakan untuk mencoret suatu teks
<u> tag underline digunakan untuk mengaris bawahi teks
<h1> tag untuk teks yang paling besar pada HTML, <h2> adalah tag untuk huruf yang lebih kecil dari <h1> dan seterusnya sampai <h6>.

3. Menampilkan gambar 💥
Untuk menampilkan gambar di HTML, kita dapat menggunakan <img src="..."> tag ini berfungsi untuk menampilkan gambar yang nanti akan terlihat, di dalam "..." di isi dengan link gambar yang ingin di tampilkan.

4. Form 💥
<form> tag form untuk membuat form
<input type="..." name="..."/> tag ini digunakan untuk menginput tipe data seperti text, name, email dan lainnya.

5. Link💥
untuk link ini, kita dapat menggunakan <a href="..."> </a> pada "..." di isi link yang ingin dihubungkan.

See the Pen Review materi by felicia rivera (@liverra) on CodePen.


Unsur-unsur penting yang terdapat dalam website yaitu:

1. Domain💥
Domain adalah alamat website untuk mengakses server, biasanya diakhiri dengan (.com - .co.id - .com) dan yang lainnya.
2. Hosting💥
Hosting adalah sebuah tempat penyimpanan file dan data yang diperlukan website.
3. Script💥
Script atau bahasa pemrograman yang digunakan juga merupakan unsur penting pada HTML.
  • CSS (Cascading Style Sheets) 💭
CSS digunakan untuk memperindah tampilan website. Style dalam Website meliputi:

1. Internal Style CSS💭
Internal style yaitu code style CSS yang ditulis dalam tag <style> dan dituliskan pada bagian header.

See the Pen Internal Style by felicia rivera (@liverra) on CodePen.


2. External Style 💭
External style yaitu code style CSS eksternal CSS ditulis dalam sebuah file khusus yang umumnya dengan ekstensi .css

See the Pen External Style by felicia rivera (@liverra) on CodePen.


3. Inline Style💭
Inline style yaitu code style CSS yang ditulis langsung pada atribut elemen HTML, Inline CSS ditulis pada atribut style pada sebuah tag HTML.

See the Pen Inline Style by felicia rivera (@liverra) on CodePen.


untuk memodifikasi layout dengan CSS, dapat dilakukan dengan jenis jenis layout berikut:

1.Fixed Layout 💭
Fixed layout (tata letak) dengan posisi lengkap sehingga membuat tampilan tidak berubah-ubah yang menentukan efisiensi dalam suatu operasi dalam jangka panjang.

2. Fluid Layout💭
Fluid layout yaitu mendesain tampilan dalam presentase lebar yang dibuat untuk elemen web agar dapat diatur dan bekerja dengan maksimal pada setiap ukuran layar, layout ini juga merupakan layout yang paling banyak disukai oleh website developer.

3. Responsive Layout💭
Responsive layout artinya layout yang dapat tampil dengan baik sesuai fungsinya pada layar seluruh perangkat. Responsive layout ini merupakan gabungan dari Fixed layout dan Fluid Layout.

Margin dan Padding pada CSS💭
  1. Properti margin pada CSS ini digunakan untuk jarak di luar div(container)
  2. Properti padding pada CSS ini digunakan untuk jarak di dalam div(container)
  • C#(C Sharp)💫
C# adalah bahasa pemrograman yang digunakan untuk membuat aplikasi dekstop atau mobile dengan tujuan seperti mengembangkan aplikasi, pemrograman game dan lain sebagainya.

Code Editor untuk C#💫
Untuk code editor C#, kalian dapat menggunakan Visual Studio Code untuk Laptop, Decoder untuk Handphone dan untuk aplikasi pendukung, kita dapat menginstall .Net Core SDK serta Extensions untuk C#

Struktur Dasar C# 💫

1. Bagian Deklarasi Pustaka 💫
bagian ini adalah bagian teratas dari program C#
using System;
2. Bagian Class 💫
bagian ini berfungsi untuk membungkus
class ProgramHello
3. Bagian Fungsi 💫
bagian fungsi ini biasanya ditandai dengan 'main()'
static void Main(String[] args)

Jika semuanya digabungkan, maka nanti akan jadi seperti ini :
using System;

class ProgramHello
{
	static void Main(String[] args)
	{
		Console.WriteLine("nama saya felicia");
	}
}

Tipe data💫
Ada 2 tipe data, yaitu string dan integer

1. String💫
Tipe data string menampilkan teks menggunakan tanda kutip ("...").

2. Integer💫
Tipe data Integer menampilkan angka dan tidak menggunakan tanda baca apapun. Tipe data ini dapat ditambah (+), dikurang (-) dan dikali (*). 
using System;

namespace feliii 
{
  class contoh
  {
    static void Main(string[] args)
    {
      Console.WriteLine("#Biodata Diri#");
      Console.WriteLine("Nama: Felicia Rivera");
      Console.Write("Umur: ");
      Console.WriteLine(25-10);
      Console.WriteLine("Sekolah: SMKN 1 Jakarta");
      Console.WriteLine("Kelas: 10 PPLG 2");
      Console.WriteLine("Alamat: JL. Rajawali");
      Console.Write("Tempat dan Tanggal Lahir: ");
      Console.Write("Jakarta, 11");
      Console.Write("-"); 
      Console.Write(1+2);
      Console.Write("-");
      Console.WriteLine(2022-15);
      Console.WriteLine("Hobi: Berenang");
      Console.WriteLine("Username IG: @felii.rv"); 
  }
   }
    }

Statement pada C# 💫
berikut ini merupakan jenis dan fungsi statement C#

1. Console.WriteLine() 💫
digunakan untuk menampilkan nilai dan membuat baris baru.

2. Console.Write() 💫
digunakan untuk menuliskan nilai pada baris yang sama.

3. Console.ReadLine() 💫
digunakan untuk membaca apa yang telah di input pada keyboard dan hasilnya dapat ditampilkan.

Penulisan Statement, Blok Kode dan Komentar💬
Penulisan statement, blok kode dan komentar wajib mengikuti syarat dengan tanda baca yang benar

1. Statement💬
Penulisan statement harus diakhiri dengan titik koma (semi colon), tandanya seperti ini (;).

2. Blok Kode💬
Penulisan blok kode harus dibungkus menggunakan tanda kurawal {...}

3. Komentar💬
Penulisan komentar nantinya tidak akan terlihat pada hasil, namun untuk menambahkan komentar kita dapat menggunakan (//) atau (/*...*/)

Comments

Post a Comment