Saturday, April 20, 2013

marquee

Marquee: merupakan sebuah tag dari HTML yang fungsinya untuk membuat sebuah objek baik berupa teks, gambar, atau apapun objeknya dapat bergerak, baik dari arah kiri, kanan, memantul ke kiri dan kanan secara berulang, membuat objek bergerak naik ke atas, turun ke bawah, memantul naik dan turun, ataupun dapat bergerak zig – zag.
Marquee dalam dokumen HTML disimbolkan dengan tag pembuka <MARQUEE> dan ditutup atau diakhiri dengan </MARQUEE>.
bentuk tulisan tag marquee
Seperti yang telah dikatakan sebelumnya bahwa tag HTML untuk membuat sebuah objek dapat bergerak menggunakan sebuah tag pembuka <MARQUEE> dan diakhiri tag penutup </MARQUEE>. Bentuk penulisan dari tag marquee sebagai berikut ini :
Pada bagaian tag pembuka marquee terdapat sebuah attribut, attribut adalah kemampuan yang dimiliki pada tag tersebut ( marquee ). Attribut – attribut dari tag marquee diantaranya :
Behavior:
Cara atau teknik untuk menjalankan objek pada Marquee. Nilai yang diberikan atau terdapat pada behavior : 1. Scroll, mengulang searah teks 2. Slide, menggulung searah teks 3. Alternate, teks berjalan memantul atau bolak – balik
Direction:
Untuk mengatur arah objek berjalan pada Marquee
Height:
Mengatur tinggi jalur dari tag Marquee, nilai dapat berupa pixel maupun persen
Width:
Mengatur lebar jalur dari tag Marquee, nilai dapat berupa pixel maupun persen
Loop:
Digunakan untuk pengulangan secara terus – menerus. Nilai untuk melakukan perulangan adalah sebanyak n, dimana n merupakan bilangan atau angka yang digunakan untuk membatasi banyaknya perulangan.
Bgcolor:
Memberikan warna sebagai latar belakang dari jalur marquee yang dilalui oleh objek bergerak tersebut.
Style:
Kemampuan tamabahan untuk memformat font, paragraf, border, numbering, dan position.
membuat text berjalan dari kiri
Tag marquee bilamana diterapkan ke dalam sebuah media editor teks, maka secara default akan menghasilkan tampilan objek yang bergerak ke arah kiri atau bisa dibilang objek bergerak dari arah kanan menuju ke kiri. Berikut ini adalah contoh dari penggunaan tag marquee yang disimpan dengan nama file contoh_marquee.htm :
<html> <head> <title> Membuat Teks Berjalan </title> </head> <body> Berikut ini adalah contoh dari teks berjalan <hr> <marquee>bergerak dari kiri ke kanan</marquee> </body> <html>
Setelah selesai disimpan, maka jalankanlah file dari kode program tersebut sehingga hasil tampilan yang diperoleh sebagai berikut:

Diposkan oleh di No comments:

Friday, April 19, 2013

format text pada html

format text format text
cetak tebal/bold
Cetak tebal / bold digunakan untuk menebalkan sebuah teks atau tulisan agar berbeda dengan teks yang lain dalam sebuah dokumen HTML. Tag HTML untuk membuat sebuah teks bercetak tebal yang berasal dari kata bold itu sendiri dan sekaligus sebagai tag pembuka dan diakhiri dengan tag
Bentuk penulisan untuk format text cetak tebal / bold :
<b>---text/tulisan yang akan ditebalkan---</b>
cetak miring/italic
Cetak miring / italic digunakan untuk pemiringan teks agar berbeda dari teks yang lainnya dalam sebuah dokumen HTML. Tag cetak miring / italic disimbolkan dengan yang berasal dari kata Italic dan sebagai tag pembukanya lalu diakhiri dengan tag . Bentuk penulisan untuk format text cetak miring / italic :
<i>---text/tulisan yang dicetak miring---</i>
Cetak Garis Bawah / Underline
Cetak garis bawah atau yang biasa dikenal dengan sebutan underline digunakan untuk membuat teks atau tulisan terdapat garis bawah sebagai penekanan dari teks yang lain pada sebuah dokumen HTML. Tag untuk membuat bercetakkan garis bawah adalah yang berasal dari kata Underline itu sendiri dan sebagai tag pembukannya sedangkan untuk penutup dituliskan
Bentuk penulisan untuk format text cetak garis bawah / underline :
<u> ---Teks / tulisan yang akan dicetak bergaris bawah--- </u>
Mengecilkan Huruf / Small
Pada format teks untuk mengecilkan sebuah tulisan atau huruf pada dokumen HTML berbeda dengan teks yang lain dapat digunakan tag yang diakhiri dengan tag penutupnya . Bentuk penulisan untuk format text tercetak dengan ukuran lebih kecil dibandingkan dengan lainnya :
<small> ---Teks / tulisan yang akan dicetak huruf kecil---</small>
Membesarkan Huruf / Big
Pada format teks untuk membesarkan sebuah tulisan atau huruf pada dokumen HTML berbeda dengan teks yang lain dapat digunakan tag yang diakhiri dengan tag penutupnya . Bentuk penulisan untuk format text tercetak dengan ukuran lebih besar dibandingkan dengan lainnya :
<big> ---Teks / tulisan yang akan dicetak huruf besar--- </big>
Penebalan Teks / Strong
Penebalan teks / strong merupakan format teks yang digunakan untuk menebalkan huruf dalam dokumen HTML. Sebenarnya tag strong ini tidak jauh berbeda dengan tag bold, dimana memiliki kesamaan untuk menebalkan sebuah teks. Hanya saja penulisan tag yang berbeda, yaitu tag pembukanya dan diakhiri dengan . Bentuk penulisan untuk format text tercetak tebal dibandingkan dengan lainnya :
<strong> ---Teks / tulisan yang akan dicetak tebal--- </strong>
Penekanan Teks / Emphasize
Selain tag italic yang telah diberikan masih terdapat satu lagi tag dari HTML yang memiliki kemampuan sebanding dengan italic, yaitu emphasize. Keduanya sama – sama memformat huruf untuk icetak miring, hanya saja letak perbedaan terdapat pada tag, bilamana italic dituliskan dengan tag sedangkan emphasize disimbolkan dengan .
Bentuk penulisan untuk format text tercetak miring dibandingkan dengan lainnya :
<em> ---Teks / tulisan yang akan dicetak tebal--- </em>
Mencoret Teks / Strike
Sebuah kata dalam dokumen HTML dapat diberikan coretan pada bagian tengah huruf atau katanya dengan menggunakan strike. Strike adalah tag dalam HTML yang digunakan untuk mencoret atau memberikan garis tengah pada sebuah kata.
Dituliskan dengan tag pembukanya dan diakhiri dengan tag .
Bentuk penulisan untuk format text memberikan garis pada tengah kata atau mencoret teks sebagai berikut :
<strike> ---Teks / tulisan yang akan dicetak tebal--- </strike>
Subscript dan Superscript Untuk membuat rumus aritmatika berupa pemangkatan dan rumus kimia di dalam dokumen HTML, dapat digunakan tag HTML subscript maupun superscript. Bentuk penulisan untuk superscript sebagai berikut :
<sup>--- teks / tulisan yang akan diubah pangkat ---</sup>
Bentuk penulisan untuk subscript sebagai berikut :
<sub>--- teks / tulisan yang akan diubah pangkat bawah ---</sub>
hasil tampilan subscript dan superscript:

Plaintext
Kegunaan dari plaintext ini adalah untuk menampilkan kode program yang dituliskan tidak dieksekusi.
XMP
Seperti yang telah dikatakan sebelumnya bahwa plaintext tidak begitu sepenuhnya dapat didukung dalam dokumen HTML, maka dapat digunakan tag XMP sebagai pengganti dan penyempurna dari tag sebelumnya untuk menampilkan kode program ke dalam dokumen HTML.
Diposkan oleh di No comments:

Wednesday, April 10, 2013

tag utama html

html kedua tag utama pada html
PENGANTAR

Tag dasar HTML sangat mutlak diperlukan browser untuk mengenali sebuah dokumen HTML dan media editor teks digunakan untuk membangun dokumen tersebut seperti yang telah dijelaskan pada bab sebelumnya.
Tag utama HTML merupakan tag yang digunakan untuk memanipulasi sebuah dokumen HTML.
Adapun tag utama HTML yang akan dibahas pada pertemuan kali ini antara lain :
Heading, Paragraf, Font, Breakline, dan Horisontal line.

heading Tag utama yang pertama adalah heading. Heading merupakan teks dalam dokumen yang umumnya mempunyai judul topik, pada dokumen HTML.
Ciri dari heading ini adalah tulisan akan ditampilkan dengan huruf yang dicetak tebal dan dapat berukuran besar maupun kecil.
Tag heading mempunyai 6 bilangan yang mana digunakan untuk mengubah ukuran tulisan tersebut yang terdiri dari 1,2,3,4,5,dan 6.
Masing – masing bilangan yang terdapat pada tag heading berfungsi untuk mewakili ukuran, semakin besar bilangan yang diberikan maka semakin kecil ukuran tulisan headingnya, dan sebaliknya jika bilangan yang diberikan bilangan pertama maka tulisan heading merupakan ukuran terbesarnya.
bentuk-bentuk tulisan heading Ada 6 tingkatan heading dalam HTML seperti yang telah dijelaskan sebelumnya.
Setiap heading dalam dokumen harus diberikan tag, bentuk penulisannya sebagai berikut :
<hn> Tulisan yang akan dibuat menjadi Heading</hn>
penjelasan
1. <hn> merupakan tag pembuka dari heading, dimana h yang berartikan heading sedangkan n merupakan bilangan yang akan mengatur besar atau kecilnya tulisan heading ( yaitu bilangan 1,2,3,4,5,atau 6 ).
Semakin besar angka yang diberikan untuk menggantikan n maka semakin kecil tulisan headingnya.
2. </hn> merupakan tag penutup dari heading, dimana sebelum huruf h terdapat tanda atau simbol / yang berfungsi sebagai penutup dan n merupakan bilangan yang sama dengan bilangan yang diberikan pada tag pembukanya.
penerapan dalam html Tag heading bila di terapkan dalam media editor tag sebagai berikut:
<html> <head> <title>Contoh Heading Html</title> </head> <body> <h1>Contoh Heading Nomor 1</h1> <h2>Contoh Heading Nomor 2</h2> <h3>contoh Heading nomor 3</h3> <h4>Contoh Heading Nomor 4</h4> <h5>Contoh Heading Nomor 5</h5> </body> </html>
silahkan Disimpan dengan nama file contoh_heading.htm atau contoh_heading.html jalan kan dengan membuka browser web.Cara menjalankan program setelah membuka browser web tekan tombol CTRL + O secara bersamaan pada keyboard, lalu cari file notepad atau letak penyimpanan file tersebut sehingga hasilnya seperti pada gambar dibawah ini :

Tidak berhenti sampai di sini saja untuk penggunaan tag heading, tetapi masih ada lagi beberapa contoh penerapan yang perlu diketahui bahwa didalam tag heading tersebut terdapat sebuah attribut untuk mengatur perataan tulisannya, yaitu dengan menggunakan attribut align.
Attribut tersebut juga biasa dijumpai pada aplikasi – aplikasi office untuk mengatur perataan pekerjaan namun dalam dokumen HTML alignment yang terdapat pada heading hanyalah rata kiri, kanan, dan tengah, untuk lebih jelasnya penggunaan dan penerapannya dapat dilihat listing kode program berikut :
<html> <head> <title>Contoh Heading HTML</title> </head> <body> <h1 align="center">Contoh Heading Nomor 1</h1> <h2 align="center">Contoh Heading Nomor 2</h2> <h3 align="center">Contoh Heading Nomor 3</h3> <h4 align="center">Contoh Heading Nomor 4</h4> <h5 align="center">Contoh Heading Nomor 5</h5> </body> </html>
kemudian jalankan file notepad tersebut sehingga dapat tampil seperti pada gambar berikut :


Bilamana tadi telah diberikan contoh pemberian attribut align dengan rata tengah untuk tag heading, maka berikutnya contoh untuk pemberian attribut align dengan rata kanan pada tag headingnya.
<html> <head> <title>Contoh Heading Html</title> </head> <body> <h1 align="right">Contoh Heading Nomor 1</h2> <h2 align="right">Contih Heading Nomor 2</h2> <h3 align="right">Contoh Heading Nomor 3</h3> <h4 align="right">Contoh HEading Nomor 4</h4> <h5 align="right">Contoh Heading Nomor 5</h5> </body> </html>
Berikut hasil tampilan dari listing coding diatas :

paragraf
Informasi yang ditampilkan dalam dokumen HTML haruslah mengikuti kaidah – kaidah penulisan yang benar, salah satunya pembuatan sebuah paragraf. Paragraf dalam format dokumen HTML sering dapat dijumpai pada saat terkoneksi dengan internet mencari sebuah artikel – artikel atau membaca sebuah biografi seseorang, cerita pendek, dan lain sebagainya yang menggunakan paragraf dalam dokumen HTML.
bentuk tulisan tag paragraf
Setiap paragraf dalam dokumen HTML harus dimulai dengan memberikan tag pembuka dan tag penutup yang telah ditentukan, yaitu tag <p> untuk pembukanya dan tag </p> untuk mengakhiri atau penutupnya. Setiap pergantian paragraf haruslah dimulai dengan pemberian tag pembukanya kembali, yaitu <p> .
<p>---isi paragraf---</p>
penerapan dalam html
Contoh untuk menerapkan tag paragraf pada dokumen HTML.
<html> <head> <title>Contoh Paragraf HTML</title> </head> <body> Pada bab ini kita akan membahas mengenai tag utama dalam dokumen HTML, diantaranya : Heading, Paragraf, Font, Breakline, dan Horisontal Line. Tag tersebut akan dikupas satu per satu dengan lebih terperinci dan mudah untuk dipahami, sehingga Anda dapat menerapkan dan mengimplementasikannya dalam sebuah program HTML. Heading merupakan tag utama pertama yang telah kita pelajari sebelumnya. Tag ini digunakan untuk memberikan efek tebal pada sebuah tulisan yang biasa menjadi sebuah topik ataupun judul. Tulisan pada heading dapat dirubah ukurannya dengan memberikan bilangan 1,2,3,4,5, atau 6 dengan pemahaman semakin besar bilangan yang diberikan pada heading maka semakin kecil tulisan heading yang dihasilkan. </body> </html>
Dari kode program yang telah diterapkan dalam media editor teks, maka langkah selanjutnya adalah menjalankan program tersebut ke dalam browser web sehingga hasil yang diperoleh seperti gambar dibawah :

bentuk penulisan tag font
Bentuk penulisan tag font dalam sebuah dokument HTML dibuka dengan dan diberikan tag penutup atau diakhiri . Didalam tag font terdapat beberapa attribut yang akan dijelaskan berikut :
<font> tag ataun huruf yang akan di ubah </font> Penjelasan : <font> merupakan penulisan baku untuk tag pembuka format font.
</font> merupakan penulisan baku untuk mengakhiri atau menutup tag font.
attribut yang terdapat di dalam tag pembuka font, antara lain :
---pasanan dari Attribut--- Face Digunakan untuk mengubah jenis tulisan atau huruf, misalkan : Arial. Jenis tulisan dapat disesuaikan dengan yang ada pada Aplikasi Office PC. Size Digunakan untuk mengubah ukuran besar maupun kecilnya tulisan atau huruf, skala yang diberikan adalah bilangan 1,2,3,4,5,6, atau 7. Semakin besar bilangan yang diberikan maka semakin besar pula ukuran huruf atau tulisannya. Color Digunakan untuk mengubah warna pada huruf maupun tulisan. Dapat dilakukan dengan menggunakan kode warna, maupun bahasa internasional untuk menyebutkan warnanya.
Diposkan oleh di No comments:
Subscribe to: Posts (Atom)