Text Formatting HTML (Dasar HTML 2)
5 posters
Halaman 1 dari 1
Text Formatting HTML (Dasar HTML 2)
Seperti pada pelajaran sebelumnya,Dokumen HTML mempunyai 3 elemen dasar,yaitu HTML,head,dan body.sedangkan elemen title merupakan isi dari elemen head.pada pelajaran ini kita akan membahas tag-tag yang pada umumnya merupakan isi dari tag body. Kali ini kita akan menggunakan tag yang berfungsi pada tulisan.seperti membuat judul,mengatur letak judul,membuat paragraf,mengatur letak tulisan,dll.Selamat Belajar!!!
Pada Bab ini kalian akan mempelajari tentang:
1. Membuat Judul (Header/Heading)
Untuk membuat Header,Heading,atau judul dapat menggunakan tag <hy> dimana y adalah ukuran dari heading tersebut.
2. Membuat Paragraph
Untuk membuat suatu paragraf,dapat menggunakan tag <p> .dimana p melambangkan paragraph. jika anda mengetik terus hingga batas jendela tampilan browser anda,secara otomatis kata2 tersebut akan berpindah baris.
3. Memindahkan Baris (line Break)
Suatu Saat,tidak mungkin kita mengetik suatu naskah,tanpa pindah baris (enter).Namun bagaimana caranya agar bisa pindah baris dalam Kode HTML?apakah hanya dengan menekan Enter?Tentu Tidak,Karena Tombol Enter tidak berfungsi dalam HTML.Nah,Untuk Memindahkan/Memotong Baris dalam suatu paragraf (Line Break),anda dapat menggunakan Tag <br>.Tag ini tidak perlu di tutup
4. Mengatur Letak Heading
Tag Heading mempunyai Atribut yang digunakan untuk mengatur letak Heading dalam baris-align. aligment heading adalah:
Kiri-left
Tengah-center
Kanan-right
5. Horizontal Ruler
Sebuah Garis dapat disisipkan dalam dokumen WEB.Umumnya digunakan sebagai pemisah antarbagian atau antar paragraf.Tag <hr> disisipkan pada tempat garis akan disisipkan dalam dokumen.
6. Pemformatan Teks
Salam Hangat,
Pada Bab ini kalian akan mempelajari tentang:
- Membuat Judul (Header/Heading)
- Membuat Teks Paragraf
- Memindahkan baris (Line Break/Enter)
- Mengatur Letak Heading (Judul)
- Membuat Garis Mendatar (Horizontal Ruler)
- Pemformatan Teks
1. Membuat Judul (Header/Heading)
Untuk membuat Header,Heading,atau judul dapat menggunakan tag <hy> dimana y adalah ukuran dari heading tersebut.
- praktek heading:
Berikut adalah Contoh dari Kode Heading
<h1>Heading 1</h1>
<h2> Heading 2</h2>
<h3> Heading 3</h3>
<h4> Heading 4</h4>
<h5> Heading 5</h5>
<h6> Heading 6</h6>
- Perlu Diketahui:
- Perlu diketahui,ukuran judul/heading hanya ada 6 ukuran,sesuai dengan contoh diatas.tag ini harus ditutup,karena kalau tidak ditutup,server/browser tdk dapat membaca.
2. Membuat Paragraph
Untuk membuat suatu paragraf,dapat menggunakan tag <p> .dimana p melambangkan paragraph. jika anda mengetik terus hingga batas jendela tampilan browser anda,secara otomatis kata2 tersebut akan berpindah baris.
- contoh:
Berikut adalah Contoh Kodenya!
<p> Sebagian masyarakat non islam bilang,“Kalian (umat Islam) mengatakan bahwa babi haram, karena ia memakan sampah yang mengandung cacing pita, mikroba-mikroba dan bakteri-bakteri lainnya. Hal itu sekarang ini sudah tidak ada. Karena babi diternak dalam peternakan modern, dengan kebersihan terjamin, dan proses sterilisasi yang mencukupi. Bagaimana mungkin babi-babi itu terjangkit cacing pita atau bakteri dan mikroba lainnya.?” Ilmu pengetahuan modern telah mengungkapkan banyak penyakit yang disebabkan mengkonsumsi daging babi. Sebagian darinya disebutkan oleh Dr. Murad Hoffman, seorang Muslim Jerman, dalam bukunya “Pergolakan Pemikiran: Catatan Harian Muslim Jerman”, halaman 130-131: “Memakan daging babi yang terjangkiti cacing babi tidak hanya berbahaya, tetapi juga dapat menyebabkan meningkatnya kandungan kolestrol dan memperlambat proses penguraian protein dalam tubuh, yang mengakibatkan kemungkinan terserang kanker usus, iritasi kulit, eksim, dan rematik. Bukankah sudah kita ketahui, virus-virus influenza yang berbahaya hidup dan berkembang pada musim panas karena medium babi?”</p>
- Perlu diketahui:
perlu di ingat,bahwa tag paragraf ini tidak perlu tag penutup,untuk mempersiapkan perkembangan bahasa HTML dimasa yang akan datang,jadi perlu sekiranya agar tiap tag di tutup.Selain itu ada beberapa browser yang tidak dapat membacanya.
3. Memindahkan Baris (line Break)
Suatu Saat,tidak mungkin kita mengetik suatu naskah,tanpa pindah baris (enter).Namun bagaimana caranya agar bisa pindah baris dalam Kode HTML?apakah hanya dengan menekan Enter?Tentu Tidak,Karena Tombol Enter tidak berfungsi dalam HTML.Nah,Untuk Memindahkan/Memotong Baris dalam suatu paragraf (Line Break),anda dapat menggunakan Tag <br>.Tag ini tidak perlu di tutup
- Contoh:
<p>Memotong <br>baris<br> dalam suatu paragraf<br>gunakan tag br
4. Mengatur Letak Heading
Tag Heading mempunyai Atribut yang digunakan untuk mengatur letak Heading dalam baris-align. aligment heading adalah:
Kiri-left
Tengah-center
Kanan-right
- Contoh:
<h1 align=”center”>Heading 1 Ditengah</h1>
- Tahukah Kamu??:
Tahukah Kamu??
Atribut menyatakan sesuatu tentang suatu tag.Atribut digunakan untuk mengubah default pemformatan dokumen dengan tag yang bersangkutan.contohnya <body bgcolor="red"></body>. bgcolor adalah attribut untuk memberi warna pada Body.
5. Horizontal Ruler
Sebuah Garis dapat disisipkan dalam dokumen WEB.Umumnya digunakan sebagai pemisah antarbagian atau antar paragraf.Tag <hr> disisipkan pada tempat garis akan disisipkan dalam dokumen.
- Contoh:
Berikut adalah Contohnya!
<p> Tag hr digunakan untuk mendefinisikan garis:</p>
<hr>
<p> yang ini paragraf.</p>
<hr>
6. Pemformatan Teks
- Kode Pemformatan:
Beikut adalah kode Pemformatan Teks!
Bold = <b>
Italic =<i>
Teks Besar =<big>
Teks Kecil = <small>
Teks Subscript= <sub>
Teks Pangkat/Superscript= <sup>
Salam Hangat,
komangatkinson- Jumlah posting : 6
Join date : 19.03.11
Re: Text Formatting HTML (Dasar HTML 2)
Nice share gan, lanjutkan ke tahap selanjutnyaa.. ane tungguu..
Re: Text Formatting HTML (Dasar HTML 2)
kime969 wrote:nice share gan
Okelah gan! Mantaab.... hahaha
komangatkinson- Jumlah posting : 6
Join date : 19.03.11
Re: Text Formatting HTML (Dasar HTML 2)
Bingung ahahah
MizanaIMF Icas- Jumlah posting : 1
Join date : 20.03.11
Age : 28
Lokasi : pamulang city
Re: Text Formatting HTML (Dasar HTML 2)
MizanaIMF Icas wrote:Bingung ahahah
Pegangaann gan klo bingung.. Hahahaaa..
Re: Text Formatting HTML (Dasar HTML 2)
komangatkinson wrote:kime969 wrote:nice share gan
Okelah gan! Mantaab.... hahaha
hahahaa sip
Re: Text Formatting HTML (Dasar HTML 2)
Zikry.Z.Azhar wrote:MizanaIMF Icas wrote:Bingung ahahah
Pegangaann gan klo bingung.. Hahahaaa..
hahahahahahaha dalem kaya sumur
Re: Text Formatting HTML (Dasar HTML 2)
hahaha nice share ...
lumaayaan buat nambah2in belajar HTML ....
lumaayaan buat nambah2in belajar HTML ....
doank03- Jumlah posting : 3
Join date : 19.03.11
Age : 26
Halaman 1 dari 1
Permissions in this forum:
Anda tidak dapat menjawab topik
|
|