Tampilkan postingan dengan label HTML. Tampilkan semua postingan
Selasa, 15 Oktober 2019
Hyperlink
Dokumen HTML mempunyai kemampuan untuk memberikan link dari satu teks dan atau gambarmenuju ke dokumen atau bagian lain dalam suatu dokumen. Browser web akan menyorot teks atau gambar yang diidentifikasikan sebagai link dengan warna dan atau garis bawah untuk menunjukka bahwa itu adalah Hypertextlink.
HTML menggunakan tag <a> yang disebut sebagai tag anchor untuk membuat suatu link kepada dokumen lain.
Contoh :
<a href="https://www.putramedia.net">Link Ke Website Putra Media</a>
jadinya seperti ini :
Link Ke Website Putra Media ( silahkan klik tulisan biru tersebut )
A. Membuat Link untuk Window Baru
Untuk membuat link supaya membuka window baru dapat ditambahkan atribut: target="_blank"
Contoh :
Buka Halaman <a href="https://www.putramedia.net"target="_blank">www.putramedia.net</a> di window baru
jadinya seperti ini :
Buka Halaman www.putramedia.net di window baru ( silahkan klik tulisan biru tersebut )
B. Mailto ( pesan email langsung dengan sekali klik )
Berikut ini adalah contoh link untuk menghubungkan ke sebuah alamat email.
Contoh :
Kirim Kritik dan Saran anda ke <a href="mailto:putramedia131@gmail.com">Email Kami</a>
Jadinya seperti ini :
Kirim Kritik dan Saran anda ke Email Kami ( klik tulisan yang bergaris bawah )
C. Image Hyperlink
Hyperlink dengan Gambar, jika gambar di kllik akan mengarah ke alamat yang dituju.
Contoh :
Pemformatan Text
Text Dalam Dokumen web dapat diformat secara khusus untuk menunjukkan perbedaan dan penekanan terhadap isi dan maksud dari teks tersebut. Perbedaan ditampilkan dalam bentuk huruf tebal, miring, garis bawah, dan lain - lain.
A. PEMFORMATAN TEKS
- menebalkan huruf ( bold )
- memiringkan huruf ( italic )
- garis bawah
- membesarkan huruf
- mengecilkan huruf
- subscript
- superscript
Contoh :
<body>
<b>Tuliisan Ini Ditebalkan (bold)</b><br>
<strong>Tulisan ini ditebalkan (strong)
</strong><br>
<i>Tulisan ini Miring (italic)</i><br>
<em>Tulisan ini Miring (emphasize)</em>
<br>
<u>Tulisan ini digaris bawahi (underline)</u>
<br>
<big>Tulisan ini besar (big)</big><br>
<small>Tulisan ini Kecil (small)</small><br>
Tulisan ini<sup>superscript</sup><br>
Tulisan ini<sub>subscript</sub><br>
</body>
<em>Tulisan ini Miring (emphasize)</em>
<br>
<u>Tulisan ini digaris bawahi (underline)</u>
<br>
<big>Tulisan ini besar (big)</big><br>
<small>Tulisan ini Kecil (small)</small><br>
Tulisan ini<sup>superscript</sup><br>
Tulisan ini<sub>subscript</sub><br>
</body>
*Langsung Praktekan aja di webcode atau software IDE kalian
B. TEKS PREFORMAT
B. TEKS PREFORMAT
Digunakan untuk menampilkan sesuai dengan dokumen web tersebut dalam editor teks.
Contoh :
<body>
<pre>
Contoh Teks Preformat
Contoh
Text
Preformat
Contoh Text Preformat
</pre>
</body>
Senin, 14 Oktober 2019
Paragraf HTML
Contoh :
<body>
<p>
Contoh paragraf 1. Contoh Paragraf 1.
Contoh paragraf 1. Contoh Paragraf 1.
Contoh paragraf 1. Contoh Paragraf 1.
</p>
<p>
Contoh paragraf 2. Contoh Paragraf 2.
Contoh paragraf 2. Contoh Paragraf 2.
Contoh paragraf 2. Contoh Paragraf 2.
</p>
</body>
A. LINE BREAK
Digunakan untuk pengganti Baris atau Enter. Tag yang digunakan adalah <br>.
Contoh :
<body>
<p>
Contoh paragraf 1. Contoh Paragraf 1.<br>
Contoh paragraf 1. Contoh Paragraf 1.<br>
Contoh paragraf 1. Contoh Paragraf 1.<br>
Contoh paragraf 1. Contoh Paragraf 1.
</p>
<p>
Contoh paragraf 2. Contoh Paragraf 2.<br>
Contoh paragraf 2. Contoh Paragraf 2.<br>
Contoh paragraf 2. Contoh Paragraf 2.<br>
Contoh paragraf 2. Contoh Paragraf 2.
</p>
</body>
B. ALIGN
Digunakan untuk Menentukan rata tulisan.
Contoh :
<body>
<p align="left">
Contoh Paragraf Rata Kiri. Contoh Paragraf Rata Kiri.Contoh Paragraf Rata Kiri.
Contoh Paragraf Rata Kiri.Contoh Paragraf Rata Kiri.Contoh Paragraf Rata Kiri.
Contoh Paragraf Rata Kiri.
</p>
<p align="center">
Contoh Paragraf Rata Tengah.Contoh Paragraf Rata Tengah.Contoh Paragraf Rata Tengah.Contoh Paragraf Rata Tengah.Contoh Paragraf Rata Tengah.Contoh Paragraf Rata Tengah.
</p>
<p align="right">
Contoh Paragraf Rata Kanan.Contoh Paragraf Rata Kanan.Contoh Paragraf Rata Kanan.Contoh Paragraf Rata Kanan.Contoh Paragraf Rata Kanan.Contoh Paragraf Rata Kanan.
</p>
</body>
#Salam_Admin
Minggu, 13 Oktober 2019
Tag HTML
Tag Digunakan untuk menandai elemen dalam suatu dokumen HTML. Tag HTML terdiri atas Sebuah Sudut Kiri ( <, tanda Lebih Kecil ) nama sebuah Tag, dan sebuah tanda kurung sudut kanan ( >, tanda lebihi besar ). Tag umumnya berpasangan, sebagai contoh <H1> dengan </H1>. <Body> dengan </Body>. Secara Umum Suatu Elemen dalam dokumen HTML yang dinyatakan dengan Tagnya, dituliskan seperti ini : <namatag> dengan </namatag>. ( seperti <Head> dengan </Head> ).
A. TAG HEAD
Tag Head Merupakan Tag Untuk Menuliskan Keterangan tentang dokumen HTML. Isi Teks diantara <head> dengan </head> tidak akan ditampilkan didalam browser.
Contoh :
<head>
<title>Belajar Bareng Putra Media Lebih Seru</title>
</head>
B. TAG TITLE
Tag Title merupakan Tag yang digunakan untuk menuliskan judul dokumen HTML . Hasil Tag ini Akan ditampilkan dalam window Caption Browser.
Contoh :
<title>Putra Media : Situs Belajar Mandiri Gratis</title>
C. TAG BODY
Tag Body Merupakan Section dalam Dokumen HTML yang akan ditampilkan dalam Browser.
Contoh :
<body>
Putra Media Situs Belajar Mandiri Gratis
</body>
Jadinya seperti ini :
D. HEADING
Heading dimanfaatkan untuk menandai judul topik atau untuk menunjukkan tingkat keberartian dari teks yang akan dituliskan. Ada 6 tingkat heading dalam HTML, dinomori dari satu sampai dengan 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>
jadinya seperti ini :
Pengenalan 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 merupakan dokumen yang disajikan dalam Web Browser.
Berikut Rangkuman Singkat tentang HTML :
A. PENAMAAN DOKUMEN
Dokumen HTML dberi nama sembarang kemudian diberi Tambahan Ekstensi .htm atau .html .
B. DEFINISI ELEMEN
Dokumen HTML disusun elemen - elemen atau komponen dasar pembentuk HTML. contoh dari Elemen Dokumen HTML adalah : HEAD, BODY, TABLE, PARAGRAF, dan LIST.
C. ELEMEN HTML
Elemen yang dibutuhkan 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.
Langganan:
Komentar
(
Atom
)
