Scribd
Unggah
14 tayangan3 halaman

Dasar-Dasar HTML untuk Pemula

Dokumen tersebut membahas tentang elemen dasar HTML seperti tag, atribut, dan elemen. Juga menjelaskan tentang standar HTML dasar seperti pendeklarasian tipe dokumen, heading, paragraph, dan tag-tag pembuat konten lainnya. Selanjutnya dibahas pula tentang tag-tag pembuatan link, termasuk atribut-atributnya seperti href, target, anchor, serta contoh penggunaan link untuk gambar, file unduhan, dan email.

Diunggah oleh

aji
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
14 tayangan3 halaman

Dasar-Dasar HTML untuk Pemula

Dokumen tersebut membahas tentang elemen dasar HTML seperti tag, atribut, dan elemen. Juga menjelaskan tentang standar HTML dasar seperti pendeklarasian tipe dokumen, heading, paragraph, dan tag-tag pembuat konten lainnya. Selanjutnya dibahas pula tentang tag-tag pembuatan link, termasuk atribut-atributnya seperti href, target, anchor, serta contoh penggunaan link untuk gambar, file unduhan, dan email.

Diunggah oleh

aji
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd

HTML

1. ELEMENT, TAG DAN ATRIBUT

a. Tag
Adalah sebuah penanda awalan dan akhiran dalam sebuah elemen di HTML.
Dibuat dengan manggunakan kurung siku (<….>) lalau didalamnya bersisi tag yang
mengartikan perintah kusus terhadap element tersebut.
Tag ditulis berpasangan antara pembuka dan penutup, untuk tag penutup
ditambahkan (</…>). Namun tidak semua tag berpasangan.

Contoh:
<html> </html>
<head> </head>
<body> </body>
<p> </p>
<h1> </h1>
<a> </a>

b. Atribut
Adalah sebuah kata khusus yang berada dalam sebuah tag yang akan
memberikan sebuah perintah khsusu terhadap elemen tersebut. Atau bisa juga
disebut sebagai modifier perlakuan khusus terhadap elemen.

Contoh :
<p align=”center”>
<img src=”[Link]”>
<a href=”[Link]”>

c. Elemen
Adalah sebuah komponen yang menyususn dokumen HTML. Dalam elemen
tersusun dari tag dan juga atribut.

Contoh :
<p align=”center”> Ini adalah tutorial html</p>
2. STANDAR HTML BASIC AWAL

<!DOCTYPE html>  Penamaan kode jenis HTML


<html lang=”eng”>  Deklarasi tipe jenis html menggunakan Bahasa inggris
<head>  Bagian kepala dokumen html, biasa juga untuk pembacaan
program CSS/Javascript
<title>…..</title>  Bagian judul pada tab laman web
</head>  tag penutup bagian kepala
<body>  Bagian body/isi dari laman web html
<h1>-<h6>  Heading
<p></p>  Paragraph

3. TAG PEMBUATAN PARAGRAPH


<h1>-<h6>  Membuat Heading
<p>  Membuat paragraph normal, terdiri dari beberapa kalimat,
akan berbeda paragraph bila tag <p> ditutup lalu buat tag
baru
<br />  Membuat baris yang baru dalam satu paragraph atau tag p
<hr />  Membuat garis dibawah paragraph
<div>  Membuat Kalimat diluar paragraph dan juga diliuar layout
<pre>  Membuat kalimat yang formasi, font beserta layoutnya
sesuai dengan apa yang tertulis pada html

4. TAG PEMBUATAN LINK


<a href=”[Link]”>klik disini</a.
href=”[Link]”  Adalah link yang akan dituju ketika di klik
Klik disini  Adalah kalimat/kata yang muncul pada laman web
(standar font nya sudah berwarna biru dan bergaris
bawah)
Atribut target
_blank  Untuk membuat link yang dituju terbuka pada laman baru
_nama-frame  Untuk menamakan link yang akan dibuka dengan frame
<iframe nama=”..frame”> Untuk membuka link yang telah dinamai dengan frame
Atribut title
<a href=”[Link]” title=”kalimat yang muncul saat cursor menyentuh kata kunci”>kata
kunci</a>
Untuk menampilkan kalimat atau judul pada kata saat cursor menyentuh kata kunci
Atribut anchor
<a href=”#id yang dtuju#>
<h2 id=”nama id unik yang dituju”>
Untuk menjangkar ke elemen lain
link gambar
<a href=”#”><img src=”link [Link]” />,/a>
Link download file
<a href=”link download [Link]”>
Link mengirim email
<a href=[Link]

Anda mungkin juga menyukai