Basic HTML

Home > Basic HTML > basic html tutorials > Kuliah > Tutorial > Basic HTML

00.54 Diposting oleh seputarwisata.com

Sebagaimana telah disebutkan pada artikel sebelumnya, HTML (Hypertext Markup Language) adalah sebuah bahasa scripting yang dapat menghasilkan halaman web. HTML dapat dibuat dengan menggunakan editor apapun seperti notepad, Dreamweaver, Editplus dll. Sedangkan hasilnya dapat dipreview/dilihat menggunakan browser apapun.

Dasar HTML

Latihan 1

Tulislah teks berikut ini pada Notepad (Start>Program>Accessories>Notepad).

Ini adalah website pertamaku

Kemudian simpan file tadi pada drive D:\Nama Anda dengan nama file index.html. Berikut ini cara menyimpan file agar berekstensi .html.

Langkah selanjutnya adalah, buka file yang sudah kita buat di atas menggunakan browser. Caranya adalah dengan mengklik dua kali pada file tersebut. Berikut ini hasilnya jika dilihat melalui browser.

Tag, Atribut dan Elemen

Struktur dasar bahasa HTML adalah tag. Setiap halaman HTML terdiri dari kumpulan bemacam-macam tag. Contoh tag:


, , , , <p>, <h1>, <h2>, <div>, <b> <table>, dll<br/></pre><br/><br/><h3>Tag penutup</h3><br/><br/>Hampir semua tag memiliki penutup kecuali beberapa bagian kecil. Contoh<br/><br/><pre><br/>tag <html> ditutup oleh tag </html><br/>tag <p> ditutup oleh tag </p><br/></pre><br/><br/>Setiap tag yang memiliki tag penutup harus wajib diakhiri dengan tag penutup.<br/><br/><h4>Latihan 2</h4><br/><br/>Ketikkan kode di bawah ini pada file yang telah kita buat dengan menghapus terlebih dahulu tulisan yang sedah kita buat sebelumnya.<br/><br/><pre><br/><!DOCTYPE html><br/><html><br/><head><br/><title>Title of the document


The content of the document......

Simpan kemudian refresh browser dengan menekan tombol F5.

Keterangan

digunakan untuk memberikan informasi bahwa dokumen ini bertipe html

adalah tag pembuka dokumen html

tag yang memuat berbagai informasi terkait dokumen html dan hal-hal yang dibutuhkan seperti title, meta description, keyword, dll.

tag yang memuat semua isi dokumen

Atribut

Setiap tag dapat memiliki atribut, yang berupa tambahan informasi. Atribut muncul di dalam tag pembuka dan nilai mereka selalu di dalam tanda kutip. Contoh:

Teks ini memiliki align center

Kita akan menemukan tag dengan atribut yang lebih kompleks nanti. Insya Allah.

Elemen

Elemen adalah segala sesuatu yang terletak diantara tag dan penutupnya (termasuk tagnya). Contoh:
Jika title adalah tag, maka:

"judul web"

bisa kita katakan title element, atau elemen titel.

paragraf teks

bisa kita katakan paragraph element, atau elemen paragraf.

Referensi: HTMLDog

Anda membaca artikel Basic HTML dan anda bisa menemukan Anchor Text artikel Basic HTML dengan url https://tutorialdesignadam.blogspot.com/2011/11/basic-html.html.

Backlink here..

Sebagaimana telah disebutkan pada artikel sebelumnya, HTML (Hypertext Markup Language) adalah sebuah bahasa scripting yang dapat menghasilkan halaman web. HTML dapat dibuat dengan menggunakan editor apapun seperti notepad,  Dreamweaver, Editplus dll. Sedangkan hasilnya dapat dipreview/dilihat menggunakan browser apapun.<br/><h2>Dasar HTML</h2><br/><h4>Latihan 1</h4><br/>Tulislah teks berikut ini pada Notepad (Start>Program>Accessories>Notepad).<br/><pre>Ini adalah website pertamaku</pre><br/>Kemudian simpan file tadi pada drive D:\Nama Anda dengan nama file index.html. Berikut ini cara menyimpan file agar berekstensi .html.<br/><br/><a href="http://blog.umy.ac.id/adam/files/2011/11/1.jpg"><img alt="" class="alignnone size-medium wp-image-72" height="216" src="http://blog.umy.ac.id/adam/files/2011/11/1-300x216.jpg" title="1" width="300" /></a><br/><br/>Langkah selanjutnya adalah, buka file yang sudah kita buat di atas menggunakan browser. Caranya adalah dengan mengklik dua kali pada file tersebut. Berikut ini hasilnya jika dilihat melalui browser.<br/><br/><a href="http://blog.umy.ac.id/adam/files/2011/11/2.jpg"><img alt="" class="alignnone size-medium wp-image-73" height="148" src="http://blog.umy.ac.id/adam/files/2011/11/2-300x148.jpg" title="2" width="300" /></a><br/><br/>Tag, Atribut dan Elemen<br/><br/>Struktur dasar bahasa HTML adalah tag. Setiap halaman HTML terdiri dari kumpulan bemacam-macam tag. Contoh tag:<br/><br/><pre><br/><html>, <head>, <body>, <title>, <p>, <h1>, <h2>, <div>, <b> <table>, dll<br/></pre><br/><br/><h3>Tag penutup</h3><br/><br/>Hampir semua tag memiliki penutup kecuali beberapa bagian kecil. Contoh<br/><br/><pre><br/>tag <html> ditutup oleh tag </html><br/>tag <p> ditutup oleh tag </p><br/></pre><br/><br/>Setiap tag yang memiliki tag penutup harus wajib diakhiri dengan tag penutup.<br/><br/><h4>Latihan 2</h4><br/><br/>Ketikkan kode di bawah ini pada file yang telah kita buat dengan menghapus terlebih dahulu tulisan yang sedah kita buat sebelumnya.<br/><br/><pre><br/><!DOCTYPE html><br/><html><br/><head><br/><title>Title of the document</title><br/></head><br/><body><br/>The content of the document......<br/></body><br/></html><br/></pre><br/><br/>Simpan kemudian refresh browser dengan menekan tombol F5.<br/><br/>Keterangan<br/><pre><!--DOCTYPE html--></pre> digunakan untuk memberikan informasi bahwa dokumen ini bertipe html<br/><pre><html></pre> adalah tag pembuka dokumen html<br/><pre><head></pre> tag yang memuat berbagai informasi terkait dokumen html dan hal-hal yang dibutuhkan seperti title, meta description, keyword, dll.<br/><pre><body></pre> tag yang memuat semua isi dokumen<br/><br/><h3>Atribut</h3><br/>Setiap tag dapat memiliki atribut, yang berupa tambahan informasi. Atribut muncul di dalam tag pembuka dan nilai mereka selalu di dalam tanda kutip. Contoh:<br/><pre><p align="center">Teks ini memiliki align center</p></pre> <br/>Kita akan menemukan tag dengan atribut yang lebih kompleks nanti. Insya Allah.<br/><br/><h3>Elemen</h3><br/>Elemen adalah segala sesuatu yang terletak diantara tag dan penutupnya (termasuk tagnya). Contoh:<br/>Jika title adalah tag, maka:<br/><pre>"<title>judul web</title>"</pre> bisa kita katakan <i>title element</i>, atau elemen titel.<br/><pre>"<p>paragraf teks</p>"</pre> bisa kita katakan <i>paragraph element</i>, atau elemen paragraf.<br/><br/><b>Referensi: <a href="www.htmldog.com">HTMLDog</a></b>
<br/> Sumber:
      <a href='https://tutorialdesignadam.blogspot.com/2011/11/basic-html.html'>
Tutorial design
</a>

Description: Basic HTML Rating: 4.5 Reviewer: seputarwisata.com - ItemReviewed: Basic HTML

Shares News - 00.54

Tags: Basic HTML, basic html tutorials, Kuliah, Tutorial

Share your views...

1 Respones to "Basic HTML"

choirul huda mengatakan...: wah aku bisa belajar ne.... diprivat mas adam... he he he

23 November 2011 pukul 19.35

Basic HTML

Basic HTML

Dasar HTML

Latihan 1

Atribut

Elemen

Share your views...

Posting Komentar

Free Backlink

Best friend

Ads

Arsip Blog