• Tidak ada hasil yang ditemukan

Pertemuan4 Format Text

N/A
N/A
Protected

Academic year: 2017

Membagikan "Pertemuan4 Format Text"

Copied!
15
0
0

Teks penuh

(1)

Format Text

(2)

Membuat Background

Membuat Heading

Membuat Paragraf

Format Dokumen

Membuat Hiperlink Text

(3)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Silahkan copas menggunakan dummy text di bawah ini supaya lebih efektif fokus pada belajar bahasa Markup :

(4)

Rumus : <body bgcolor=#nnnnnn> . . . </body>

Web Statis

(5)

Rumus : < ody a kgrou d= a a_file_ga ar > . . . </ ody>

(6)

Rumus : <h [alig =”left”|”ce ter”|”right”]> . . . </h >

<h [alig =”left”|”ce ter”|”right”]> . . . </h > ...

<h6 [alig =”left”|”ce ter”|”right”]> . . . </h6>

Web Statis

(7)

Rumus : <h [alig =”left”|”ce ter”|”right”]> . . . </h >

<h [alig =”left”|”ce ter”|”right”]> . . . </h > ...

<h6 [alig =”left”|”ce ter”|”right”]> . . . </h6>

(8)

Rumus : <p [alig =”left”|”ce ter”|”right”]> . . . </p>

Web Statis

Perataan Paragraf

Silahkan coba rata kiri,

(9)

• Bold: <b> . . .</b> , untuk cetak tebal

• Emphasized: <em> . . . </em>, untuk cetak miring

• Italic: <i> . . . </i>, untuk cetak miring

• Underline strike : <u>...</u>, untuk garis bawah text

• Superscript: <sup> . . .</sup> , untuk nulis pangkat

• Subscripted: <sub> . . . </sub> , dicoba saja

• Struck trough: <del> . . . </del> , dicoba saja

• Break <br />, untuk pindah baris

• Blockquote, <blockquote> . . . </ blockquote >, untuk kutipan

• Horizontal, <hr />, untuk buat garis

(10)

• Bold: <b> . . .</b> , untuk cetak tebal

• Emphasized: <em> . . . </em>, untuk cetak miring

• Italic: <i> . . . </i>, untuk cetak miring

• Underline strike : <u>...</u>, untuk garis bawah text

• Superscript: <sup> . . .</sup> , untuk nulis pangkat

• Subscripted: <sub> . . . </sub> , dicoba saja

• Struck trough: <del> . . . </del> , dicoba saja

• Break <br />, untuk pindah baris

• Blockquote, <blockquote> . . . </ blockquote >, untuk kutipan

• Horizontal, <hr />, untuk buat garis

Web Statis

(11)
(12)

Web Statis

Hypertext Link

Rumus : <a href=”address” > . . . </a>

• Link ke dokumen lain

<a href=” a a_doku e ” > . . . </a>

• Link ke bagian tertentu dalam dokumen yang sama

<a href=”#target” > . . . </a>

<a href=”target” > . . . </a>

• Link ke alamat URL atau WebSite

<a href=”ala at_URL” > . . . </a>

• Link ke alamat Email

<a href=” ailto:ala at_e ail” > . . . </a>

• Link File yang akan didownload

(13)

Contoh Hypertext Link

Attribut pada tag <a> selain href antara lain :

(14)

Web Statis

(15)

Referensi

Dokumen terkait

Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita

Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju... Pada

Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita

Dokumen HTML mempunyai kemampuan untuk memberikan link dari satu teks dan / atau gambar menuju ke dokumen atau bagian lain dalam suatu dokumen.. Browser web akan menyorot teks

Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita

Untuk membuat link yang menuju ke bagian tertentu dari sebuah halaman web, sebelumnya kita harus memberi nama pada tempat/lokasi yang akan dituju itu dengan mencantumkan tag

Dokumen HTML mempunyai kemampuan untuk memberikan link dari satu teks dan / atau gambar menuju ke dokumen atau bagian lain dalam suatu dokumen.. Browser web

Salah satu tool yang seringkali dibutuhkan terkait dengan foto yang disertakan dalam artikel web adalah fitur untuk memudahkan administrator dalam memotong area gambar