Skip to main content

Struktur dasar penuliasan tag HTML

Dalam membangun sebuah website ada hal hal yang perlu kamu pelajari dan mengerti. salah satunya penyusunan script atau tulisan kode penyusun halaman website kamu

HTML ( Hyper Text Markup Language ) merupakan bahasa markah yang menyusun sebuah halaman website. Penulisan bahasa HTML diapit dengan tag < ... >  .

Contohnya :

 < H1 > ( kontent atau teks ) </H1>

Deskripsi :

< > </> :  Merupakan karakter khusus untuk menyusun element atau tag HTML 
H1 : Merupakan salah satu contoh dari sekian banyak kode element HTML, <H1> ... </H1> adalah element HTML untuk membuat teks atau kalimat menjadi sangat tebal. Biasanya element ini digunakan untuk membuat judul artikel.

Contoh Hasil :


Didalam penyusunan tag atau element HTML tentu memiliki standar - standar penulisan tag atau element. kali ini saya akan share tentang tag dasar struktur HTML.
Penulisan tag HTML selalu diawali dengan tag pembuka < >  dan di akhiri tag penutup </ >.
Namun ada beberapa tag atau elemet yang tidak menggunakan penutup  yang sering disebut "sigle tag"
contoh beberapa tag atau elemet yang mengunakan penutup :
  1. <html> ... </html>
  2. <head> ... </head>
  3. <body> ... </body>

  5. ...dan lain lain ...
dan contoh tag atau element yang tidak menggunakan penutup :
  1. <br />
  2. <img />
  3. <hr />

  5. ... dan lain lain ...
itu bebrapa contoh jenis tag atau element html .

berikut standart penyusunan tag atau element HTML pada sebuah halaman website yang telah saya pelajari :

<!DOCTYPE html>
 <html lang="en-US">
     <head>
         <title> Judul Halaman </title>
    </head>
    <body>
            Tempatkan konten website kamu di sini
    </body>
</html>
 Penjelasan:
<!DOCTYPE html>
merupakan tag yang menjelaskan bahwa script yang kamu gunakan adalah script HTML 5 (HTML versi 5 ).
<html lang="en-US"> ... </html>
tag html digunakan untuk mengawali penulisan element pada sebuah halaman HTML dan atribut lang="en-US" merupakan penjelasan bahwa content yang ada di halaman tersebut adalah konten berbahasa en english  US United States .
<head> ... </head>
tag head digunakan untuk mendeskripsikan property halaman website dan tempat untuk meletakkan elemen elemen yang lain yang mendukung pembuatan suatu halaman website. contohnya title, meta, link, script, ... dan lain lain script yan ada di dalam tag head akan ter load pertama kali saat halaman website di buka.
<title> ... </title>
element ini di letakkan di dalam element head , berfungsi untuk memberikan judul halaman pada tab browser kamu.
<body> ... </body> 
tag body merupakan tag dimana kamu bisa meletakkan tag atau element HTML yang lainnya untuk membuat sebuah halaman website.

Contoh Hasil :
berikut contoh hasil dari script yang sudah di buat


 Itulah struktur dasar penulisan tag HTML yang telah saya pelajari dan saya sharing ke kamu.

 Untuk Postingan berikutnya saya akan membahas tentang Inline Element dan Block Element Tag HTML .
Semoga Postingan ini bermanfaat buat kamu ...Trimakasih sudah berkunjung.

Penulis : Seno Apriliyadi
Labels:

Comments

  1. Reza Harahap21 November 2017 at 15:22

    tag memang dibutuhkan apalagi seperti blog dan website dibaawh ini :

    Kosngosan
    UKMSUMUT
    SIBAKUA
    Mobil Honda Pekanbaru

    ReplyDelete
  2. Anonymous27 January 2022 at 14:32

    1xbet korean | Play 1xbet Korean, Kola88
    1xbet 1xbet korean. Latest Online Asian Handicap Betting Odds. Play Today 1×Bet · 1×bet.ag. Asian Handicap 카지노사이트 · Betting on 1XBet · 1×bet.ag. Betting on 1xBet · 1×bet.ag. 바카라 사이트 Betting on 1xBet.ag.

    ReplyDelete

Post a Comment

Popular posts from this blog

Format tanggal dan jam pada bahasa pemrograman PHP (Date Format)

PHP (PHP: Hypertext Processor) Merupakan salah satu bahasa pemrograman yang sangat dikenal di kalangan programer. dan versi PHP paling terbaru pada tahuin postingan ini dibuat adalah versi 7.3. Artikel kali ini berkaitan dengan salah satu parameter pada fungsi yang sering digunakan untuk menampilkan maupun memformat output tanggal dan jam (waktu). beberapa fungsi yang sering digunakan diantaranya date() dan date_format(). Fungsi date() fungsi date() umumnya digunakan untuk mengambil waktu dari sytem / waktu server. fungsi date memiliki beberapa parameter diantaranya: $format: Digunakan untuk menentukan bentuk output waktu yang di inginkan. $timestamp:  (Opsional)  Nilai satuan waktu dalam UNIX sytem , bertipedata integer. Fungsi date_format() fungsi date_format() adalah fungsi untuk merubah bentuk output dari variable yang bertipedata date. fungsi ini biasanya didahului dengan fungsi date_create(),   yaitu salah satu fungsi php yang membuat...
Post a Comment
Read more

Merubah Folder Publik Pada Laravel 5.8

Laravel merupakan salah satu framework yang saat ini sedang ramai digunakan, Laravel memiliki struktur direktori / folder yang cukup mudah dipahami bahkan kita bisa membuat custom folder sendiri sesuai keperluan. Kali ini saya ingin berbagi hal yang saya dapat setelah mempelajari laravel dan berkeliling dari situs ke situs. yaitu bagaimana merubah folder publik pada laravel (saya menggunakan laravel v5.8). Sebagai Catatan umumnya setiap webserver selalu mencari & membaca terlebih dahulu file index pada publik direktori (folder) pada website. dan pada laravel terletak pada folder public.  Berikut Contoh struktur folder pada laravel : / /app /bootstrap /config /database /public     /index.php /resources /routes /storage Namaun pada saat kita akan mengupload / deploy website kita ke server Hosting yang pada umumnya menggunakan nama folder public_html . tentu suatu hal yang mungkin membuat kita sedikit bingung untuk merubah nama folder dari project kita ka...
2 comments
Read more