Skip to content
akunkosongPublic

About

Tugas untuk kelas 10 SMA

Resources

Stars

0 stars

Watchers

1 watching

Forks

Latest commit

 

History

14 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 

Repository files navigation

Pengenalan HTML, CSS dan Javascript

Oleh Hasan, S.Kom

HTML

HTML merupakan singkatan dari HyperText Markup Language, HTML bukan dari bagian bahasa pemrograman tetapi untuk membangun sebuah website tidak akan lepas dari penggunaan HTML, karena HTML merupakan kerangka dasar sebuah website.
Berikut adalah contoh kode dari HTML.

<html>
  <head>
    <meta name="charset" content="utf-8">
    <title>Document</title>
  </head>
  <body>
    <!-- disini isi dari website -->
  </body>
</html>

Blok kode di atas merupakan kode yang ditulis dengan menggunakank HTML.

HTML Syntax

Pada sebuah website setiap bagian disebut dengan element dan setiap element memiliki nama, dan setiap nama memiliki properti juga value yang kemudian disebut dengan nama HTML Syntax atau HTML tag.
Contoh HTML Syntax:

<p>
  ini isi dari element
</p>

coba perhatikan pada baris kode di atas. terdapat <p> dan </p> yang di dalamnya terdapat tulisan ini isi dari element. dari ketiga baris kode di atas merupakan syntax yang kemudian disebut dengan syntax paragraph atau paragraph tag yang fungsinya untuk memuat paragraph pada website. Kemudian dari keadaan yang kompleks itu lebih mudah disebut dengan nama element.

Perhatikan Kode berikut

<h1>Ini adalah Syntax `<h1>` </h1>
<h2>Ini adalah Syntax `<h2>` </h2>
<h3>Ini adalah Syntax `<h3>` </h3>
<h4>Ini adalah Syntax `<h4>` </h4>
<h5>Ini adalah Syntax `<h15` </h5>
<h6>Ini adalah Syntax `<h6>` </h6>

Hasil dari Kode di atas

Ini adalah Syntax <h1>

Ini adalah Syntax <h2>

Ini adalah Syntax <h3>

Ini adalah Syntax <h4>

Ini adalah Syntax <h5>
Ini adalah Syntax <h6>

Kode di atas terdiri dari 6 element yang mana element pertama bernama h1, kedua h2, ketiga h3, keempat h4, kelima h5 dan terakhir h6. Element-element tersebut disebut dengan element heading yang biasanya digunakan untuk penjudulan pada artikel pada website.

Perhatikan Kode Berikut

<p>
  Ini adalah element paragraph, yang di dalamnya ada tulisan dengan <b>cetak tebal</b> dan <i>cetak miring</i>. 
</p>

Hasil dari kode di atas

Ini adalah element paragraph, yang di dalamnya ada tulisan dengan cetak tebal dan cetak miring.

untuk syntax yang lainnya teman-teman akakn pelajari disini.

About

Tugas untuk kelas 10 SMA

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages