Pages

Tampilkan postingan dengan label HTML. Tampilkan semua postingan
Tampilkan postingan dengan label HTML. Tampilkan semua postingan

Jumat, 18 Mei 2012

CARA MENGATUR TAG HEADING DALAM DOKUMEN HTML

Setelah sebelumnya klinik-it menerangkan tentang cara membuat dokumen html dengan tag heading,Dalam postingan kali ini klinik-it akan menerangkan lebih lanjut tentang pemakaian tag heading tersebut dalam dokumen HTML,Untuk penataan tag heading di butuhkan juga Tag-Tag atribut.Tag atribut tersebut terdiri dari tag <center> Untuk meletakan heading di tengah, tag <right> untuk meletakan heading di sebelah kanan ,dan tag <left> untuk meletakan heading di sebelah kiri .

Berikut ini adalah contoh dokumen html dengan pengaturan tata letak Tag heading.

<html>
<head>
<title> CARA MENGATUR TAG HEADING DALAM DOKUMEN HTML</title>
</head>
<body>
<h2 align=”center”>Heading 2 ditengah</h2>

<p>Ini merupakan contoh dokumen dengan penataan heading di tengah .untuk penataan di sebelah kiri atau disebelah kanan silakan rubah tag center menjadi tag “left” atau “right”.
</p>
</body>
</html>

Untuk mencoba membuat dokumen html dengan tata pengaturan heading,silakan sobat ikuti langkah-langkah di bawah ini :

1.Klik Menu Pada computer sobat.

2.Kemudian Klik ALL PROGRAM.

3.Klik accessories.

4.Klik NOTEPAD.

5.Selanjutnya Copy Dan Paste dokumen html dengan penataam tag heding ke dalam notepad tersebut.

6.Klik Save Dengan nama coba7html.

7.Pilih All Files Pada File AS TYPE.

8.Untuk melihatnya silakan klik kanan File yang sudah sobat save ,Kemudian pilih Open With selanjutnya Pilih Mozzila Firefox.

Selesai………………
Diposting oleh di 09.43 0 komentar
Label:

MEMBUAT DOKUMEN HTML DENGAN TAG HEADING

Setelah Sebelumnya Klinik-it memposting artikel tentang cara membuat dokumen html dengan tag line break/ganti baris,nah…dalam postingan kali ini klinik-it akan meneruskan lanjutan postingan tersebut.dalam postingan yang ini klinik-it akan menerangkan cara membuat dokumen html dengan tag heading.Udah tau belum apa yang di maksud dengan tag heading ? jika sobat belum tau klinik-it akan menjelaskanya,,hehehe. Tag heading adalah sebuah tag /kode dalam HTML yang berguna untuk menebalkan/membesarkan sebuah tulisan .Biasanya Tag Heading digunakan untuk sebuah judul dalam dokumen html yang dibuat. Tag heading terdiri dari 6 tingkatan yaitu dari mulai angka 1 hingga angka 6, angka 1 meruakan ukuran yang terbesar dan angka 6 merupakan ukuran yang terkecil.Tag Heading tersebut seperti ini <h1> dan seterusnya hingga <h6> .berikut ini adalah sebuah contoh tag dokumen HTML dengan tag heading.

<html>
<head>
<title> MEMBUAT DOKUMEN HTML DENGAN TAG HEADING</title>
</head>
<body>
<h1>Heading dengan ukuran 1</h1>
<h2>Heading dengan ukuran 2</h2>
<h3>Heading dengan ukuran 3</h3>
<h4>Heading dengan ukuran 4</h4>
<h5>Heading dengan ukuran 5</h5>
<h6>Heading dengan ukuran6</h6>
</body>
</html>

Untuk mencoba membuat dokumen HTML dengan tag heading silakan ikuti langkah-langkah di bawah ini :

1.Klik Menu Pada computer sobat.

2.Kemudian Klik ALL PROGRAM.

3.Klik accessories.

4.Klik NOTEPAD.

5.Selanjutnya Copy Dan Paste dokumen html dengan Tag heading Di atas Ke dalam notepad tersebut.

6.Klik Save Dengan nama coba6.html.

7.Pilih All Files Pada File AS TYPE.
Diposting oleh di 09.42 0 komentar
Label:

DOKUMEN HTML DENGAN LINE BREAK

Apa itu dokumen html dengan line break ? dokumen hytml dengan line break berarti suatu teks yang berganti baris,berganti baris maksudnya untuk memberi informasi untuk baris tersendiri tetapi teks tersebut tidak bergati paragraph alias masih dalam satu paragraph. Untuk menampilkan ganti baris dalam browser web maka dokumen html yang akan kita buat membutuhkan tag <br> .Tag tersebut dimasukan sesudah teks yang akan diganti barisnya.Supaya sobat tidak bingung dengan yang klinik-it jelaskan tentang line break pada dokumen HTML. Silakan langsung saja sobat lihat contoh dokumen HTML Nya di bawah ini.

<html>
<head>
<title> DOKUMEN HTML DENGAN LINE BREAK</title>
</head>
<body>
<p>
Ibu<br>pergi<br>kepasar<br>dengan<br>panjul<br>
</p>
</body>
</html>

untuk membuat dan mencoba nya,sama seperti langkah sebelumnya ,yaitu silakan ikuti langkah-langkah berikut ini.hehehe

1.Klik Menu Pada computer sobat.

2.Kemudian Klik ALL PROGRAM.

3.Klik accessories.

4.Klik NOTEPAD.

5.Selanjutnya Copy Dan Paste dokumen html dengan Tag line break Di atas Ke dalam notepad tersebut.

6.Klik Save Dengan nama coba5.html.

7.Pilih All Files Pada File AS TYPE.

8.Untuk melihatnya silakan klik kanan File yang sudah sobat save ,Kemudian pilih Open With selanjutnya Pilih Mozzila Firefox.

Selesai………………
Diposting oleh di 09.41 0 komentar
Label:

DOKUMEN HTML DENGAN TAG PARAGRAF

Lanjut gan……hehehe. Yupz seperti janji klinik-it sebelumnya yg telah berjanji akan menerangkan tentang dokumen HTML dengan tag paragraf ,apa itu tag paragraph dalam dokumen HTML ? Tag paragraph adalah suatu tag untuk membuat suatu elemen paragraph dalam suatu dokumen HTML.Tag paragraph adalah tag <p>dan </p>. Tag paragraph berguna untuk membuat suatu elemen paragraph dalam dokumen HTML. Untuk mencoba membuat dokumen htlm dengan tag paragraph silakan sobat lihat contoh dokumen HTML dengan tag paragraph berikut ini.

<html>
<head>
<title> DOKUMEN HTML DENGAN TAG PARAGRAF</title>
</head>
<body>
<p>Ini merupakan contoh dokumen html dengan tag paragraph</p>
<p>Ini merupakan contoh dokumen html dengan tag paragraph</p>
<p>Ini merupakan contoh dokumen html dengan tag paragraph</p>
</head>
</html>

Untuk mencoba membuat dokumen html dengan tag paragraph silakan sobat ikuti langkah-langkah di bawah ini :

1.Klik Menu Pada computer sobat.

2.Kemudian Klik ALL PROGRAM.

3.Klik accessories.

4.Klik NOTEPAD.

5.Selanjutnya Copy Dan Paste dokumen html dengan Tag paragraph Di atas Ke dalam notepad tersebut.

6.Klik Save Dengan nama coba4.html.

7.Pilih All Files Pada File AS TYPE.

8.Untuk melihatnya silakan klik kanan File yang sudah sobat save ,Kemudian pilih Open With selanjutnya Pilih Mozzila Firefox.

Selesai………………
Diposting oleh di 09.40 0 komentar
Label:

Mencoba Membuat Dokumen HTML

Seperti yang klinik-it janjikan pada postingan sebelumnya,klinik-it akan menerangkan lebih rinci tentang pembuatan dokumen html, nah.. buat sobat yang ingin sekali belajar membuat dokumen HTML ini dia tutorialnya.Tutorial yang dibuat khusus untuk pemula dan buat yang sudah mahir mohon dibantu untuk yang masih amatir.hehehe untuk membuat sebuah dokumen HTML diperlukan editor teks, nah.. yang kita gunakan kali ini adalah Editor teks NOTEPAD,Ya sudah langsung aja yuq kita mulai membuat dokumen HTML .silakan ikuti langkah-langkah berikut.

1.Klik Logo Windows yang ada di kiri bawah layer monitor computer sobat.

2.Klik ALL PROGRAM.

3.Pilih Accessories.

4.Kemudian Pilih Menu NOTEPAD.

5.Kemudian Ketikan Tag Contoh susunan dokumen HTML Di bawah ini,sobat juga bisa merubah teksnya sesuai dengan keinginan sobat.

<html>
<head>
<title>Belajar membuat dokumen Html</title>
</head>
<body>
Ini adalah sebuah dokumen Html
</body>
</html>

Contoh diatas merupakan dokumen HTML Tanpa Tag Paragraf,Apa maksudnya tanpa tag paragraph ? Dokumen Tanpa tag paragraph berarti Tampilan dokumen di atas akan tampil pada web browser seperti aslinya,tanpa pindah baris walawpun teks dipisah-pisah,jadi dokumen tersebut akan tampil seperti lurus dan menyambung.

6.Jika sobat sudah membuat dokumen HTML dalam NOTEPAD silakan Save Dokumen tersebut.Dengan Cara :

-Klik Menu FILE.

-Klik Menu Save As.

-Kemudian Pilih ALL FILES pada Pilihan SAVE AS TYPE,Kemudian tuliskan nama dokumen dengan COBA1.html

Untuk Melihat Hasilnya silakan sobat Klik Kanan File Tersebut Kemudian Klik Open With kemudian Pilih Mozilla Firefox

Selamat Mencoba Dan bersambung........
Diposting oleh di 09.39 0 komentar
Label:

Persiapan Sebelum Belajar HTML

Sebelum sobat klinik-it akan memulai belajar Membuat dan menyusun sebuah dokumen HTML ada beberapa persiapan yang harus sobat persiapkan,persiapan tersebut antara lain komputer dan editor teks,dalam pelajaran yang klinik-it berikan klinik-it akan mencoba memberi materi yang lebih ringan agar sobat semua dapat memahaminya .atau jika ada kesulitan sobat klinik-it dapat langsung menanyakanya kepada saya. nah... sudah siap belajar ? jika sobat klinik-it sudah siap belajar mari kita lihat contoh dokumen HTML dibawah ini
..

<html>
<head>
<title>Percobaan pertama</title>
</head>
<body>
Ini adalah sebuah percbaan pembuatan sebuah dokumen HTML yang pertama
</body>
</html>

Contoh di atas adalah contoh dari sebuah dokumen HTML .nah.. jika belum paham sama contoh dokumen HTML di atas klinik-it akan menjelaskannya secara rinca dalam postingan berikutnya yaitu postingan Tag Per Tag . Sebelum, sobat memulai belajar silakan sobat buat dahulu sebuah folder pada Local Disk D komputer sobat,dengan cara klin My Computer Kemudian Klik Local Disk D ketika sudah masuk pada jendela Local Disk D silakan sobat klik kanan kemudian pilih menu NEW Kemudian Pilih Folder Lalu beri nama Folder dengan belajarweb . jika sudah selesai tinggal sobat tunggu artikel selanjutnya.

Bersambung

Diposting oleh di 09.39 0 komentar
Label:

Belajar Membuat Dokumen HTML

Sudah Lama blog klinik-it.blogspot.com tidak update postingan,dalam postingan kali ini dan kedepan saya deni sahlan penulis blog klinik-it.blogspot.com akan memberikan tutorial dasar hingga mahir tentang Pemrograman Web Dengan HTML serta bahasa pemrograman lain yang mendukungya sepeti JavaScript,VB Script,XML,ASP,CSS dan lain-lain.Pelajaran ini semata-mata agar sobat blogger semua bisa berkembang tidak hanya berkutik dalam dunia tulis menulis di dalam blog.Dan Postingan Pemrograman web dengan HTML ini dan seterusnya klinik-it berikan agar sobat yang belum paham pemrograman Dengan HTML dapat mengerti dan memahaminya lebih mudah dan dapat dipraktekan langsung.

Disela-sela sobat klinik-it belajar pemrograman web Sobat klinik-it juga dapat langsung bertanya kepada saya tentang Tutorial Blog,widget blog,bahasa pemrograman dan lain-lain dengan menghubungi No Hp :08979467426 selain itu juga sobat klinik-it dapat meriques template blog yang sobat klinik-it inginkan. Insyaallah saya akan dapat menjawab pertanyaan yang sobat berikan secepatnya dan membuatkan template blog yang sobat klinik-it berikan .

Apa itu HTML ? HTML adalah kepanjangan dari Hyper Text Markup Language .suatu dokumen HTML tersusun atas element kode dasar sebuah dokumen html misalnya html,title,body,paragraph dan lain-lain. Untuk menyusun sebuah document HTML ,Sebuah Dokument HTML harus diberi TAG, Apa itu tag dalam dokumen HTML ? tag dalam dokumen HTML adalah tanda < (dibaca tanda lebih kecil) dan tanda > (Di baca tanda lebih besar) pada umumnya sebuah tag atau kode html biasanya berpasangan misalnya kode <html> dengan kode </html> tag penutup atau pasangan dari sebuah kode html selalu di awali dengan tag / (garis miring) sebagai kode penutup dari kode pasanganya.

Sekian dulu penjelasan klinik-it tentang document HTML ,Penjelasan Lebih dalam untuk membuat dokumen HTML yang lebih Mendalam akan Klinik-it posting dalam postingan berikutnya.
Diposting oleh di 09.38 0 komentar
Label:
Langganan: Postingan (Atom)

Ikan