Labels

Dasar-dasar HTML (HTML#1)

 

    Hallo semuanya, kali ini aku mau bahas tentang HTML. Salah satu bahasa markup yang sangat di butuhkan untuk pembuatan website.

    Disini aku mau bahas tentang dasar-dasar nya aja, aku juga masih belajar lagi tentang HTML. Nahh yuk langsung ke pembahasan aja ^▽^

    Pernah gak sih kalian kepikiran buat website sendiri untuk jualan? Atau kalian pernah bertanya tanya, pembuatan website itu seperti apasih? apa saja yang diperlukan untuk membuat sebuah website? Nah HTML ini merupakan bahasa markup yang harus kalian mengerti jika kalian ingin membuat sebuah website.

    HTML merupakan singkata dari Hypertext Markup Language, HTML ini adalah salah satu bahasa markup yang sangat familiar bagi anak-anak IT. Kalau kalian ingin masuk jurusan Teknik Informatika, kalian wajib banget belajar bahasa pemrograman ini. 

Baca Juga : INGIN KULIAH DI JURUSAN TEKNIK INFORMATIKA? YUK SIMAK APA AJA YANG DI PELAJARI DI JURUSAN TEKNIK INFORMATIKA!


Sejarah HTML

1990 - Berners - Lee, memperkenalkan HTML dan browser untuk dokumen teks pada internet.

1995 - HTML 2.0 Rilis

1997 - HTML 3.0 diperkenalkan sebagai standarisasi dokumen web oleh W3C (World Wide Web Consortium)

1999 - HTML versi 4.01

2014 - HTML 5.0 Rilis

Seperti yang kalian lihat, HTML5 adalah HTML yang terbaru dan syntax nya lebih sederhana dibandingkan dengan HTML versi sebelumnya, jadi disarankan untuk belajar HTML5.


Dasar-dasar HTML    

Berikut ini merupakan struktur awal HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Page Title</title>
</head>
<body>
    <P>Paragraph</P>
</body>
</html>

Pertama-tama, untuk mendeklarasi kan tipe dokumen HTML kita menggunakan 

<!DOCTYPE html>

Dan untuk menandakan bahwa kita akan memulai dan mengakhiri dokumen dengan kode html menggunakan <html>

Tag <head> diisi dengan metadata dari dokumen, contohnya judul tab dan deskripsi.

Tag <body> diisi dengan konten yang ingin ditampilkan dihalaman website.


Apa itu Tag, Atribut dan Elemen?

- Tag : Awalan perintah untuk di baca oleh browser. Contohnya <b>

- Elemen : Kode yang terdiri dari tag pembuka (<>) dan tag penutup (</>). Contohnya <h1></h1>. Meski kadang tidak semua memiliki tag penutup. Seperti <br/>

- Atribut : Perintah tambahan yang berada di setiap elmen. Contohnya <img src="" alt="">. Elemen ini menggunakan tag (<img>) dan atribut sumber gambar (src) dan alt text (alt).


Tag Heading

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

tag <h1></h1> merupakan tag heading terbesar, dan <h6></h6> merupakan tag heading terkecil


Paragraph

<p>Paragraph</p>

tag <p></p>digunakan untuk membuat sebuah paragraf


Tag untuk Baris Baru dan Garis

<br/> Tag untuk membuat baris baru

<hr/> Tag untuk membuat garis horizontal


Tag untuk Memformat Tulisan

<b> Tag untuk membuat kata/kalimat bertulis tebal

<strong> Tag untuk menandai kata/kalimat penting

<i> Tag untuk menandai kata/kalimat bertulis miring

<em> Tag untuk menandai kata/kalimat ditekankan

<mark> Tag untuk menandai kata/kalimat ditandai

<small> Tag untuk menandai kata/kalimat ditulis kecil

<del> Tag untuk menandai kata/kalimat yang dihapus

<ins> Tag untuk menandai kata/kalimat yang disisipkan

<sub> Tag untuk menandai kata/kalimat yang diletakkan di bawah garis normal dan lebih kecil ukurannya

<sup> Tag untuk menandai kata/kalimat yang diletakkan diatas garis normal dan lebih kecil ukurannya


Nah segitu dulu dari aku, nanti aku buat part selanjutnya. Sampai jumpa di part 2 ≧∇≦


Informasi tambahan, Sekolah Tinggi Teknologi Terpadu Nurul Fikri lagi buka pendaftaran mahasiswa baru tahun angkatan 2020/2021 loh. Kali ini mereka membuka pendaftaran batch ke-2. 

Banyak juga beasiswa untuk kelas reguler dan karyawan yang disediakan oleh STT NF. Yuk buruan daftar, jangan sampe ketinggalan yaa...^▽^

For more information :

Instagram : @sttterpadunf

Facebook : STTterpaduNF

Labels:

Comments

Post a Comment