Tag Html

Beberapa Tag HTML

Sumber : https://pelayananpublik.id/wp-content/uploads/2020/03/Screenshot_20200303-174621_1.jpg

Contoh Codingan HTML :

See the Pen Tag Html by Mugata (@Mugata01) on CodePen.

Screenshot / Hasil :

On :

Contoh Script/code HTML Beserta Hasil di Browser

Contoh Script/Code Html Beserta Hasil Di Browser

sumber : https://storage.googleapis.com/finansialku_media/wordpress_media/2021/06/e4b69820-https___bit.ly_350jahl.jpg

1. Tabel

Tabel pada html digunakan mengelompokkan suatu data secara terstruktur yang terdiri dari baris, kolom dan sel. Di dalam Code Tabel kita memerlukan beberapa atribut, yaitu :

<tabel> & </tabel>

digunakan untuk membuka tabel dan menutup tabel

<thead> & </thead>

digunakan untuk membuat kelompok bagian atas tabel

<tr> & </tr>

digunakan untuk membuat kotak tabel beserta teks disetiap bagian kiri hingga ke bawah

<th> & </th>

digunakan untuk membuat teks di dalam tabel

<tbody> & </tbody>

digunakan untuk membuat bagian badan tabel

<td> & </td>

digunakan untuk membuat kotak tabel beserta teks disetiap bagian kanan terus menerus

Kesimpulan

Contoh Codingan dari tabel :

See the Pen Contoh Tabel by Mugata (@Mugata01) on CodePen.

Hasil Codingan :

2. Form

form adalah sebuah kolom pertanyaan yang harus di isi. Di dalam codingan form terdapat beberapa type, yaitu :

<input type="button">
<input type="checkbox">
<input type="color">
<input type="date">
<input type="datetime-local">
<input type="email">
<input type="file">
<input type="hidden">
<input type="image">
<input type="month">
<input type="number">
<input type="password">
<input type="radio">
<input type="range">
<input type="reset">
<input type="search">
<input type="submit">
<input type="tel">
<input type="text">
<input type="time">
<input type="url">
<input type="week">

Contoh Codingan :

Hasil Coding :

See the Pen Form by Mugata (@Mugata01) on CodePen.

3. Image

Cara menambahkan image kedalam sebuah html ada dua cara, yaitu dengan cara internal dan eksternal.

dibawah ini adalah contoh dri codingan eksternal img :

See the Pen Untitled by Mugata (@Mugata01) on CodePen.

Hasil Dari Codingan Eksternal img :

Untuk cara internal img bisa diliat di tutorial YouTube, Klik Disini

4. Link

Menambahkan link di dalam html cukup mudah, yaitu dengan memakai tag <a href="link">kata</a>

Contoh Codingan :

See the Pen Menambahkan Link by Mugata (@Mugata01) on CodePen.

Hasil Codingan :

5. Teks

Membuat teks di HTML bisa memakai Banyak cara, yaitu sebagai berikut :

beberapa codingan teks untuk HTML

        <!-- <br> untuk ganti baris -->
        <!-- <p> untuk Paragraf -->
        <!-- <b> untuk menebalkan -->
        <!-- <em> untuk menekan text -->
        <!-- <del> untuk mencoret text -->
        <!-- <mark> untuk menandai text -->
        <!-- <ins> untuk menggaris bawahi text -->
        <!-- <sub> untuk mengatur text menjadi agak kebawah -->
        <!-- <sup> untuk mengatur text menjadi agak keatas -->
        <!-- <small> untuk mengecilkan text -->
        <!-- <h1> sampai <h6> digunakan untuk heading, dimulai dari h1 yang terbesar dan sampai h6 yang terkecil -->  

Beberapa contoh teks yang bisa dibuat/diketik di html

Ini kalimat yang normal

Ini kalimat yang tebal

Ini kalimat yang miring

Ini kalimat yang di tekankan

Ini kalimat yang menjadi kecil

Ini kalimat yang di tandai

Ini kalimat yang di ~~hilangkan~~

Ini kalimat yang di digaris bawahi

Ini kalimat yang _{diatur menjadi sedikit ke bawah}

Ini kalimat^{yang sedikit lebih keatas dari teks normal}

kata 1

kata 2

kata 3

kata 4

kata 5

kata 6

On :

Dasar - Dasar C#

Mengenal Dasar - Dasar C#

Sumber : http://computerjee.com/wp-content/uploads/2020/05/C.jpg

Definisi C#

Apa sih itu C#? C# merupakan salah satu bahasa pemrograman yang berorientasi oleh objek yang dikembangkan Microsoft sebagai bagian dari inisiatif kerangka.

Struktur C#

Struktur dari program C# yang paling dasar terdiri atas 3 bagian :

1. Bagian deklarasi pustaka

2. Bagian class

3. Bagian fungsi atau method

Jenis Aplikasi C#

1. Aplikasi Visual

2. Aplikasi Class Library

3. Aplikasi Konsol

4. Aplikasi WPF

Software Editor C#

1. Visual Code Studio

2. Notepad++

3. Tabnine

4. SlickEdit

5. EclipseaCute

6. DevExpress

7. Atom

8. Scriptcs

9. Codeanywhere

On :

Macam - Macam Bahasa Pemrograman dan Software Editor

BAHASA PERMOGRAMAN

Sumber : https://i2.wp.com/si.fst.unair.ac.id/wp-content/uploads/2019/09/bigstock-Programming-Web-Banner-Best-P-258081862.jpg

  Apa sih itu Bahasa Permograman? Bahasa Permograman merupakan kumpulan kata kata berupa instruksi atau perintah yang terdiri dari beberapa baris yang bisa dimengerti dan dijalankan oleh komputer. Apa saja sih macam macam bahasanya?

1. HTML/ (HyperText Markup Language)
Sumber : https://store.sirclo.com/blog/wp-content/uploads/2022/06/Banner-Blog-10-14.jpg

   HTML atau HyperText Markup Language merupakan salah satu bahasa pemrograman yang bisa disebut sebagai dasar dari awal untuk menjadi seorang Front End Web Development. HTML juga merupakan bahasa markah standar untuk dokumen yang dirancang untuk ditampilkan di peramban internet. Beberapa Platfrom yang biasa digunakan untuk editor codingnya adalah :
1. Editor Code,
2. Visual Code Studio,
3. NotePad,
4. Sublime Text,
5. Atom,
6. Dan lain lain.

2. JavaScript
Sumber : https://breefstudio.com/wp-content/uploads/2021/03/pexels-antonio-batinic%CC%81-4164418-breef-4.jpeg

   Java Script adalah merupakan bahasa pemrograman lain dalam membangun website atau sebuah aplikasi. JavaScript biasanya berfungsi untuk pengembangan website. Beberapa Platfrom yang biasanya digunakan adalah :
1. Editor Code,
2. Visual Code Studio,
3. Dan lain lain.

3. CSS (Cascading Style Sheet)

sumber : https://codelatte.org/wp-content/uploads/2018/11/CSS.jpg

   CSS atau Cascading Style Sheet merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman. Platform yang biasa digunakan untuk css adalah :
1. Editor Code,
2. Visual Code Studio,
3. NotePad,
4. Sublime Text,
5. Atom,
6. Dan lain lain.

4. C# (C Sharp)
Sumber : http://computerjee.com/wp-content/uploads/2020/05/C.jpg

  C# merupakan salah satu bahasa pemrograman yang berorientasi oleh objek yang dikembangkan Microsoft sebagai bagian dari inisiatif kerangka. C# biasanya digunakan untuk membuat aplikasi, bahasa ini agak sulit daripada html dan css. Platfrom yang biasa digunakan adalah :
1. Visual Code Studio,
2. Notepad,
3. Dan lain lain.

4. Java
sumber : https://ids.ac.id/wp-content/uploads/2022/02/java.jpeg

  Java merupakan bahasa pemrograman yang dapat dijalankan di berbagai platform, dari mulai PC sampai perangkat mobile.

5. Python
sumber : https://hadipranoto.com/wp-content/uploads/2020/08/1200px-Python-logo-notext.svg_.png

Python bahasa pemrograman tujuan umum yang ditafsirkan, tingkat tinggi. Python menjadi salah satu bahasa pemrograman yang dapat membangun aplikasi, baik itu berbasis web ataupun berbasis mobile. Bahasa phyton ini termasuk kedalam bahasa pemorgraman yang cukup mudah bagi pemula, karena bahasa tersebut mudah untuk dibaca dengan syntax yang mudah untuk dipahami juga, Platform yang biasa digunakan adalah Visual Code Studio.

On :

Tugas HTML Mukgot Ega Sahputra

Ayo Kenalan

Hello World

Your Name:

Alamat:

Jenis Kelamin:
Pria
Perempuan

Hobi
Nonton Anime
Sepak Bola
Ngoding

Motto Hidupmu :

Beberapa contoh teks yang bisa dibuat/diketik di html

Ini kalimat yang normal

Ini kalimat yang tebal

Ini kalimat yang miring

Ini kalimat yang di tekankan

Ini kalimat yang menjadi kecil

Ini kalimat yang di tandai

Ini kalimat yang di ~~hilangkan~~

Ini kalimat yang di digaris bawahi

Ini kalimat yang _{diatur menjadi sedikit ke bawah}

Ini kalimat^{yang sedikit lebih keatas dari teks normal}

kata 1