Materi Tentang HTML Part 1

Oleh -
Pengenalan HTML

Materi Lengkap Tentang HTML





HTML
HTML kependekan dari Hyper Text Markup Language. Dokumen HTML adalah file teks murni yang dapat dibuat dengan teks editor. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakn dokumen yang disajikan dalam web browser.


Penamaan Dokumen
Dokumen HTML diberi nama sembarang atau bebas kemudian di beri tambahan ekstensi/format .html atau .html


Definisi Elemen
Dokumen HTML disusun oleh elemen - elemen atau komponen dasar pembentuk HTML. Contoh dari elemen dokumen HTML adalah : head, body, list, table, dan paragraf


Elemen HTML
Elemen yang digunakan untuk membuat suatu dokumen HTML dinyatakan dengan tag <html>, <head>, dan <body>. Setiap dokumen terdiri atas tag head dan body. Elemen Head berisi informasi tentang dokumen tersebut dan elemen Body berisi teks yang akan ditampilkan  di browser.



Tag HTML

Materi Lengkap Tentang HTML

Tag digunakan untuk menandai elemen dalam suatu dokumen HTML. Tag HTML terdiri atas sebuah sudut kiri (<, tanda lebih kecil ), nama sebuah sebuah tag, dan sebuah tanda kurung sudut kanan (>, lebih besar). Tag umumnya berpasangan, sebagai contoh <H1> dengan </H1>. secara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan tagnya, di tuliskan : <namatag> - </namatag>


Tag head
Tag head merupakan tag untuk menuliskan keterangan tentang dokumen HTML. Isi teks diantara <head> dengan </head> tidak akan di tampilkan didalam browser
contoh:

<head>
<title> Belajar HTML </title>
</head>


Tag Title
Tag title merupakan tag yang digunakan untuk menuliskan judul dokumen HTML. Hasil tag ini akan ditampilkan didalam browser.
contoh:

<title> Belajar HTML </title>


Tag Body
Tag body merupakan section dalam dokumen HTML yang akan ditampilkan dalam browser.
contoh:

<body>
Belajar HTML
</body>

Hasil :


Heading
Heading dimanfaatkan untuk menandai judul topic atau untuk menunjukkan tingkat keberartian teks yang akan dituliskan. ada 6 tingkat heading dalam HTML, di nomor satu sampai 6. Nomor 1 merupakan heading yang terbesar
contoh:

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

Hasil :


Lokasi: Cikarang, Bekasi, Jawa Barat, Indonesia
Hai perkenalkan nama saya Pilip Mulyadi. Saya adalah seorang siswa kelas 11 dan saya mengambil jurusan TKJ.

Comments

Post a Comment

Popular posts from this blog

Cara Membuat Absen Dengan HTML Dan CSS

Oleh -
Image
Membuat Absen Dengan HTML & CSS Pasti kalian sudah tau bentuk absen pada umunya itu seperti apa. Kali ini saya akan memberikan tutorial bagaimana cara membuat Absen dengan HTML dan CSS. waktu di HTML Part 4 kalian sudah belajar bagaimana cara membuat tabel. Dan berikut adalah Codingnya : <!DOCTYPE html> <html> <head> <style> div.a {text-align: center;} body {background-color:gray;} td { font-weight: bold;        text-shadow: 1px 1px 3px;        color: red;        background-color: deepskyblue;} table {border: 7px solid red;} </style> </head> <body> <div class="a"> <table border="10"cellpadding="5"> <tr> <th colspan="3" style="color:red; background-color: yellow;"> Masukan Nama Jurusan </th> <th rowspan="2" bgcolor="orange"> Check </th> </tr> <tr> <th style="color:red; background-color:lime;"> Nama </...
Read more

Cara membuat kalkulator dengan HTML dan CSS

Oleh -
Image
Cara Membuat Kalkulator       Hai teman-teman perkenalkan nama saya Pilip Mulyadi, saya adalah seorang siswa kelas 11 dan saya mengambil jurusan TKJ atau yang disebut dengan (Teknik Komputer dan jaringan). Saya suka sekali dengan web desain dan pada kesempatan kali ini saya akan memberikan sebuah materi yang berisi tentang HTML dan CSS. Semoga dengan ilmu yang saya bagikan kepada kalian semua bermanfaat.      Ok teman - teman di kesempatan kali ini saya akan memberikan tutorial bagaimana cara membuat kalkulator. Kita sudah tahu bagaimana bentuk dari sebuah kalkulator. Kalkulator ini bisa berfungsi seperti kalkulator pada umumnya. Untuk membuat kalkulator di html, kalian harus menyediakan editor teks/Notepad dan simpan dengan format html. Daripada kalian penasaran coding htmlnya seperti apa, berikut dibawah inilah codingnya : <html> <head> <style> body { background-color: gray;} div.a {text-align: center;} div.b {text-align: left;} .ckr { w...
Read more

Materi Tentang JavaScript Lengkap

Oleh -
Image
1). Pengenalan JavaScript JavaScript  adalah bahasa pemrograman yang digunakan untuk membuat interaksi dan menambah fitur dinamis ke dalam halaman web. Untuk membuat website, memang tidak harus menggunakan JavaScript. Namun saat ini penggunaan JavaScript hampir selalu ada di setiap web modern. Bagi programer web, JavaScript merupakan salah satu bahasa pemrograman web yang wajib di kuasai. Pada awal pembuatan JavaScript di tunjukan untuk membuat interaksi antara User dengan website menjadi lebih cepat dan tanpa menunggu pemrosesan dari server. Misalnya sebuah form yang terdapat di website dengan JavaScript kita dapat langsung memvalidasi dan mengetahui setiap inputan masih kosong atau sudah di isi dengan benar atau belum secara cepat. Sedangkan ketika tidak menggunakan JavaScript (cara lama) maka isi form tersebut harus di kirim dan di proses di server website terlebih dahulu dengan cara mengklik tombol submit yang ada di di dalam form, dan ketika ada inputan form yang tidak valid a...
Read more