Penjelasan Tentang HTML #01

• Html Adalah? HyperText Markup Language adalah (HTML) adalah sebua melainkan Bahasa markup, yaitu srbuah bahasa yang digunakan untuk memberikan keterangan dengqn cara menanamkan tag dan dari tag tersebut akan menghasilkan sebuah Tampilan tertentu. HTML dikembangkan oleh Tim Barners-lee pada tahun 1989 kelebihan Bahasa ini sangat mudah Dipahami, HTML Mempunyai dan dapat digunakan pada berbagai jenis mesin komputer yang berbeda dan berbagai macam sistem operasi yang berbeda. jika kalian ingin menulis dokumen html Anda bisa menggunakan Teks Editor atau Notepade yang bisa anda dapatkan di Playstore.

Adapun Beberapa Tag Dan Elemen Dalam Html. Saya akan ulas Dalam Materi Kali Ini. serta Fungsi-Fungsi dari Tag Tersebut dan bagaimana cara penulisan yang benar serta efektif. Berikut Adalah Tag Tag dalam Html serta Penjelasannya.

  • • Deklarasi<! DOCTYPE> mendefinisikan dokumen ini sebagai dokumen HTML.
  • • <html> Elemen ini adalah elemen root dari halaman HTML .
  • • <head> : </head> Elemen ini adalah elemen yang mengisi bagian kepala atau judul dalam sebuah tampilan HTML,biasanya elemen ini berisikan elemen “title”
  • • <title> : </title> Elemen title merupakan sebuah elemen yang diisikan dalam sebuah elemen <head> ,maka kedia elemen ini akan menyatakan suatu judul atau bagian kepala dari sebuah HTML.
  • • <body> : </body> Elemen ini adalah elemen yang menunjukan/mengisi bagian badan / tengah pada sebuah tampilan HTML,elemen ini yang nanti akan diisikan oleh beberapa elemen lain misalkan <h1> , <img>,<br> dan lain lain.
  • • <p> : </p> Elemen ini berfungsi untuk membuat sebuah paragraf dalam halaman HTML.
  • • <div> : </div> Elemen ini berfungsi untuk membuat sebuah divisi
  • • <h1> : </h1> Elemen ini juga berguna untuk membuat sebuah paragraf namun dengan penyesuaian ukuran.Semakin besar angkanya maka akan semakin kecil juga ukuran yang akan ditampilkan.
  • • <img src=” Ini adalah sebuah tag dalam html untuk menambahkan gambar pada suatu tampilan HTML.
  • • <ol> : </ol> Elemen ini digunakan untuk membuat list <nomor urut>
  • • <br> Tag ini berfungsi untuk melakukan ‘pindah baris’ Perlu diperhatikan bahwa dalam penulisan di atas kita harus menuliskannya secara terstruktur dan sesuai dengan tempatnya,maksudnya adalah dalam penulisan diatas penulisan elemen harus sesai dengan pasangannya misalkan <body> dengan </body>, <head> dengan <head>, <title> dengan </title>.
  • Kita tidak bisa asal dalam menulisnya misal: <head> dengan <body> ini adalah sebuah tag yang saling bertolak belakang dan tidak bisa disatukan,tentu ini adalah hal yang salah dan nanti dokumen HTML akan menjadi eror. Saya akan memberikan beberapa macam contoh code HTML,Perhatikan di bawah ini.

<html>

<head>

<title> Hello ini judul web saya </title>

</head>

<body>

<font color=lime> Ini Adalah gambar hutan<br>hijau kan?

<img src= “https://cdn.pixabay.com/photo/2012/02/17/09/01/tree-13808_960_720.jpg”

<h1> jadi itulah gambar hutan</h1> <h2> hijau bukan? </h2> </font> </body>

<html>

Pada code ini saya akan menjelaskan bagian bagian yang akan di tampilkan pada halaman web ,seperti yang sudah saya jelaskan di atas tadi,elemen <title>berada didalam elemen <head> kemudaian elemen elemen lain berada dalam body dan mereka semua saling berpasangan.Ini adalah contoh penulisan yang benar,maka akan menghasilkan gambar seperti berikut pada tampilan web nanti.

Ini adalah tampilan web hasil dari codingan di atas. Baiklah saya akan jelaskan bagian – bagian nya.

<html>

<head>

<title> Hello ini judul web saya </title>

</head>

<body>

<font color=lime> Ini Adalah gambar hutan<br>hijau kan?

<img src= “https://cdn.pixabay.com/photo/2012/02/17/09/01/tree-13808_960_720.jpg”

<h1> jadi itulah gambar hutan</h1> <h2> hijau bukan? </h2> </font> </body>

<html>

• Pada bagian head berisi elemen <title> dan di dalam <title> berisi tulisan ‘ Hello ini judul web saya’. Tulisan ini akan mucul di bagian judul,kalian bisa lihat gambar yang sudah tertera di atas.

• Kemudian tag <body> di dalam tag ini berisi berbagai jenis elemen lainnya ,karena body menandakan suatu badan yang nantinya akan di tampilkan di dalam sebuah web,seperti elemen Kalian bisa lihat pada gambar.

Serta ada <img src= yang berfungsi untuk memasukan sebuah gambar pada web.saya memasukan gambar hutan pada tampilan web nya.

Ada juga elemen <h1> / <h2> elemen ini berfungsi untuk membuat sebuah paragraf,kalian bisa lihat pada gambar nya ada tulisan berwarna hijau yang bertuliskan “Jadi itulan gambar hutan” “hijau bukan?” Itu adalah hasil dari elemen “<h1> dan <h2>.

Oh iya saya ingatkan jika anda ingin membuat sebuah dokumen yang sudah pasti berisikan elemen tersebut ,tolong perhatikan tanda tanda kecil,seperti misalnya,tanda petik atau syntax syntax yang berlaku. Baiklah itu saja pembahasan kali ini di lain kesempatan saya akan menjelaskan fungsi-fungsi elemen lainnya secara lebih rinci,semoga bermanfaat. selamat mencoba. Assalamualaikum warahmatullahi wabarakathuh.

Author: Mr_Shiroo

Leave a Reply

Your email address will not be published. Required fields are marked *