Element dasar HTML

Element HTML

Untuk mendapatkan halaman web yang baik anda harus melakukan pengaturan terhadap halaman web dan teks-teks didalamnya seperti mengatur warna latar belakang halaman, memilih jenis dan ukuran huruf, perataan, warna teks, menambahkan gambar dll. Tag-tag di bawah ini yang biasa digunakan dalam pengaturan halaman web dan teks :
<body>,
digunakan mendefinisikan teks beserta formatnya yang hendak ditampilkan sebagai isi halaman web. Di dalam tag ini bisa diletakkan berbagai page attribute seperti bgcolor, background, text, link, vlink, alink, leftmargin dan topmargin.

    • Background = digunakan untuk mengatur latar belakang dengan gambar/image.
    • Bgcolor = digunakan untuk mengatur warna latar belakang dokumen, dengan warna putih sebagai default-nya.
    • Teks = digunakan untuk mengatur warna teks dokumen, dengan warna hitam sebagai warna default.
    • Link = Untuk mengatur warna link dokumen dengan warna biru sebagai warna default
    • Vlink = Untuk mengatur warna visited link dokumen dengan default ungu
    • Alink = digunakan untuk mengatur warna active link dokumen dengan default merah.

Heading: <Hn>..</Hn>

    • Digunakan untuk mengatur ukuran huruf pada header. “n” mempunyai nilai antara 1 – 6 atau antara <H1> sampai <H6>, dengan <H1> merupakan ukuran terbesar dan <H6> merupakan ukuran terkecil.

<html>

                <head>

                        <title>::: Heading Dokumen HTML :::</title>

            </head>

            <body bgcolor=#ffffcc text=#003399>

                        <h1>Headng Tingkat 1 </h1>

                        <h2>Headng Tingkat 2 </h2>

                        <h3>Headng Tingkat 3 </h3>

                        <h4>Headng Tingkat 4 </h4>

                        <h5>Headng Tingkat 5 </h5>

                        <h6>Headng Tingkat 6 </h6>

            </body>

            </html>

Paragraph Baru: <P> Digunakan untuk pindah alinea atau membuat paragraf baru. Tag ini bisa diberi akhiran </P> tapi juga bisa tidak diberi. Dalam tag ini juga bisa digunakan untuk mengatur perataan kiri, tengah, kanan dan kiri-kanan, yaitu dengan attribut ALIGN. Attribut align mempunyai nilai: LEFT, RIGHT, CENTER dan JUSTIFY.

  • Line Break: <BR> Digunakan untuk pindah ke baris baru.
  • No Line Break: <NOBR> Bila digunakan tag ini maka teks yang panjang tidak secara otomatis pindah baris bawahnya bila baris pertama sudah terlalu panjang.
  • Font <FONT> Digunakan untuk mengatur huruf dokumen HTML. Tag FONT mempunyai attribut, yaitu: SIZE, FACE, COLOR.
    • SIZE: Digunakan untuk mengatur ukuran font. Ukuran font yang digunakan berkisar antara 1 – 7 dengan 1 merupakan ukuran terkecil dan 7 merupakan ukuran terbesar.
    • FACE: Digunakan untuk mengatur jenis atau nama font. Anda bisa memilih maksimal 3 jenis font yang masing-masing dipisahkan oleh koma. Bila terdapat spasi yang terletak pada nama font maka harus digunakan tanda garis bawah (_). Dalam memilih jenis font ini harus dipertimbangkan apakah font yang kita gunakan pada halaman web kita nantinya akan terdapat pada komputer pengguna yang lain (pengakses web kita). Pendeknya kita tidak usah menggunakan font-font yang bentuknya aneh-aneh, gunakan saja font standar. Tapi bila Anda ingin menggunakan font yang sedikit “aneh” Anda bisa menggunakan graphic.
    • COLOR: Digunakan untuk mengatur warna font. Didefinisikan dengan menggunakan nilai RGB/HEX atau bisa juga langsung menggunakan nama warna (red misalnya).

<html>

<head>

<title>::: Ukuran, Jenis dan Warna Font :::</title>

</head>

<body>

<font size=1 Face=arial color=red>Ukuran font 1</font><br>

<font size=2 Face=arial color=green>Ukuran font 2 </font><br>

<font size=3 Face=arial color=blue>Ukuran font 3 </font><br>

<font size=4 Face=verdana color=red>Ukuran font 4 </font><br>

<font size=5 Face=verdana color=blue>Ukuran font 5 </font><br>

<font size=6 Face=tahoma color=green>Ukuran font 6 </font><br>

<font size=7 Face=tahoma color=red>Ukuran font 7 </font><br>

</body>

</html>

Base Font: <BASEFONT> Digunakan untuk mendefinisikan “default text”. Attribut sama dengan attribut FONT. Tag FONT akan mengoverwrite setting pada BASEFONT.

Contoh :

<basefont size=2 face=”arial,helvetica” color=”#ff0000″>

Selain tag dan atribut diatas, masih terdapat lagi tag-tag yang berhubungan dengan pengaturan teks, yaitu :

Perhatian : Semua tag di bawah ini membutuhkan tap penutup.

<B>                Bold text

<I>                 Italic text

<U>                Underscore

<TT>              Typewriter

<S>                Strikeout – draws a line through the text

<PRE>            Preformatted Text <DFN> Definition

<BLINK>        Text berkedip (lebih baik jangan digunakan)

<STRONG>    Strong

<ADDRESS>Italic

<CITE>          Digunakan untuk quoting text

<CODE>         Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)

<SAMP>         Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)

<KBD>           Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)

<BIG>            Ukuran teks akan lebih besar satu ukuran

<SMALL>       Ukuran teks akan lebih kecil satu ukuran

<SUP>            Membuat tekssuperscript

<SUB>           membuat tekssub script

<ABBREV>     Abbreviations

<ACRONYM> Untuk akronim

<PERSON>    Digunakan untuk indexing

<Q>                Membuat short inline quotation

<VAR>           Membuat variable name, selalu dalam italics.

<HR>, digunakan untuk membuat garis horisontal. Tag ini mempunyai atribut SIZE, WIDTH, ALIGN dan NOSHADE.

Atribut SIZE digunakan untuk menentukan panjang garis dalam satuan pixel. Atribut WIDTH digunakan untuk menentukan ketebalan garis. Atribut NOSHADE akan menyatakan bahwa garis tersebut ditampilkan tanpa bayang-bayang 3-D.

<html>

<head>

<title>::: Membuat Garis Horisontal :::</title>

</head>

<body bgcolor=#ffffcc>

<font size=1 Face=tahoma color=blue>Selamat Datang</font>

<hr size=1 width=150 align=left>

<h1><center>Web nya Saya</h1>

By. Saya sendiri

<hr size=5 align=center noshade>

</body>

</html>

 

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.

RELATED POST

HTML 1

HTML (Hypertext Markup Language) HTML atau Hypertext Marksup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi…

Pengenalan Internet

Dewasa ini dunia komputer dan informasi berkembang sangat pesat, terlebih lagi dengan adanya Internet. Internet merupakan jaringan komputer global yang…

apa sih pemrograman desktop itu ?

Selamat pagi semua.... nah saat ini saya ingin menulis mengenai apa sih pemrograma desktop itu ?, tentunya yang kuliah di…