Scribd Logo
Upload

Welcome to Scribd!

  • Elemen Dasar HTML

    Uploaded by

    Mus Lim
    36 views9 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    36 views9 pages

    Elemen Dasar HTML

    Uploaded by

    Mus Lim

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 9

    ELEMEN DASAR

    Jenis Dokumen Judul

    <HTML></HTML> <TITLE></TITLE> <BODY></BODY>

    (terdapat pada awal dan akhir dari file HTML) (harus selalu terdapat pada mukadimah) (keterangan umum, seperti judul dsb.) (isi dari halaman HTML)

    Mukadimah (Header) <HEAD></HEAD> Batang Tubuh

    ANCANGAN STRUKTURAL

    Kepala

    <H?></H?>

    (Heading spesifikasi untuk menetapkan 6 tingkatan kepala)

    Penataan (Align) Kepala Bagian (Division) Penataan Bagian Kutipan Blok (Block Quote)

    <H? ALIGN=LEFT|CENTER|RIGHT></H?> [*] <DIV></DIV> <DIV ALIGN=LEFT|RIGHT|CENTER></DIV> <BLOCKQUOTE></BLOCKQUOTE> [*] (tampilan dengan jeda terhadap batas pinggir) (umumnya huruf miring) (umumnya huruf tebal) (umumnya huruf miring) (Code untuk source code listings) (Sample Output) (Keyboard Input) (Variable)

    Penekanan (Emphasis)

    <EM></EM>

    Penguatan (Strong Emphasis) Kutipan singkat (Citation)

    <STRONG></STRONG> <CITE></CITE>

    Kode

    <CODE></CODE>

    Contoh Keluaran Masukan Papan Ketik Variabel

    <SAMP></SAMP> <KBD></KBD> <VAR></VAR>

    Definisi

    <DFN></DFN>

    (Definition - jarang dipakai)

    Alamat Pengarang (Author's Address) Huruf ukuran Besar Huruf Ukuran Kecil

    <ADDRESS></ADDRESS> <BIG></BIG> <SMALL></SMALL>

    FORMAT TAMPILAN

    Huruf Tebal Huruf Miring N3.0b Garis Bawah Huruf Coret N3.0b Huruf Coret Huruf Geser Bawah Huruf Geser Atas Huruf Mesin Ketik

    <B></B> <I></I> <U></U> <STRIKE></STRIKE> <S></S> <SUB></SUB> <SUP></SUP> <TT></TT>

    (Bold) (Italic) (Underline - jarang digunakan) (Strikeout - jarang digunakan) (Strikeout - jarang digunakan) (Subscript) (Superscript) (Typewriter - huruf berjarak tetap) (menampilkan dengan jarak pra-format) (mengatur jarak huruf) (Center - berlaku untuk teks maupun gambar) (Blinking - tag terlucu sampai kini) (Font Size - boleh diisi dari 1 sampai 7)

    Pra-format (Preformatted) <PRE></PRE> Jarak Huruf Rata Tengah N1.0 Huruf Kedip Ukuran Huruf Rubah Ukuran Huruf N1.0 Basis Ukuran Huruf Warna Huruf N3.0b Pilih Jenis Huruf N3.0b Teks Multi Kolom N3.0b Jarak Batas Kolom N3.0b Lebar Kolom N3.0b Celah (Spacer) <PRE WIDTH=?></PRE> <CENTER></CENTER> [*] <BLINK></BLINK> <FONT SIZE=?></FONT> <FONT SIZE="+|-?"></FONT> <BASEFONT SIZE=?> <FONT COLOR="#$$$$$$"></FONT> <FONT FACE="***"></FONT> <MULTICOL COLS=?></MULTICOL> <MULTICOL GUTTER=?></MULTICOL> <MULTICOL WIDTH=?></MULTICOL> <SPACER>

    (boleh diisi 1 sampai 7; ukuran standard/default=3)

    (default = 10 pixels)

    N3.0b Jenis Celah N3.0b Ukuran Celah N3.0b Dimensi Celah N3.0b Penataan Celah

    <SPACER TYPE=horizontal| vertical|block> <SPACER SIZE=?> <SPACER WIDTH=? HEIGHT=?> <SPACER ALIGN=left|right|center>

    ACUAN DAN GRAFIK

    Acuan pada dokumen tertentu Acuan pada sasaran dalam dokumen

    <A HREF="URL"></A> <A HREF="URL#***"></A> (bila terdapat pada dokumen lain) (bila terdapat pada dokumen yang sama)

    <A HREF="#***"></A>

    N2.0

    Jendela Sasaran (Target Window) Penamaan sasaran pada dokumen Kaitan(Relationship) Kaitan terbalik (Reverse Relationship) Peragaan Gambar Penataan Letak Gambar

    <A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"></A> <A NAME="***"></A> <A REL="***"></A> <A REV="***"></A> <IMG SRC="URL"> <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT> <IMG SRC="URL" ALIGN=TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM> <IMG SRC="URL" ALT="***"> (saat gambar belum/tidak ditampilkan) (membutuhkan program script) (jarang digunakan) (jarang digunakan)

    N1.0

    Penataan Letak Gambar Alternatif Teks

    Daerah Gambar (Imagemap)

    <IMG SRC="URL" ISMAP>

    Daerah Gambar pihak klien Uraian Daerah Gambar Pembagian Daerah Gambar Dimensi Gambar Garis Batas Ruang Pembatas

    <IMG SRC="URL" USEMAP="URL"> <MAP NAME="***"></MAP> <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF> <IMG SRC="URL" WIDTH=? HEIGHT=?> <IMG SRC="URL" BORDER=?> <IMG SRC="URL" HSPACE=? VSPACE=?> (in pixels) (dalam satuan pixel) (dalam satuan

    pixel) N1.0 N1.1 N2.0 Gambar Low-Res Proxy Pemindahan Tarik Objek Cantum <IMG SRC="URL" LOWSRC="URL"> <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"> <EMBED SRC="URL"> (Client Pull) (Embed Object mencantumkan objek pada dokumen)

    N2.0

    Ukuran Objek

    <EMBED SRC="URL" WIDTH=? HEIGHT=?>

    PEMISAH

    Paragraf Align Text Pndah Baris Putus Penataan Baris Garis Datar Penataan Letak Garis Tebal Garis Lebar Garis N1.0

    <P></P> [*] <P ALIGN=LEFT|CENTER|RIGHT></P> [*] <BR> <BR CLEAR=LEFT|RIGHT|ALL> <HR> <HR ALIGN=LEFT|RIGHT|CENTER> <HR SIZE=?> <HR WIDTH=?>

    (tag penutup seringkali tak diperlukan)

    (pindah ke baris berikut) (Clear Textwrap) (Horizontal Rule)

    (dalam satuan pixel) (dalam satuan pixel) (dalam persentasi terhadap lebar halaman) (Solid Line - tanpa pola 3D) (No Break - mencegah ganti baris) (Word Break - letak ganti baris bila diperlukan)

    Lebar Garis Persentasi <HR WIDTH="%"> Garis Pejal <HR NOSHADE> <NOBR></NOBR> <WBR>

    N1.0 N1.0

    Tanpa Ganti Baris Sambung Suku Kata

    DAFTAR

    Daftar Tanpa Nomor Kompak Jenis Butiran

    <UL><LI></UL> <UL COMPACT></UL> <UL TYPE=DISC|CIRCLE|SQUARE> <LI TYPE=DISC|CIRCLE|SQUARE>

    (Unordered List - Cantumkan <LI> sebelum tiap butir) (Compact) (Bullet Type - berlaku umum bagi butir terdaftar) (berlaku khusus pada butir ini dan selanjutnya)

    Daftar Bernomor Kompak Jenis Penomoran

    <OL><LI></OL> <OL COMPACT></OL> <OL TYPE=A|a|I|i|1> <LI TYPE=A|a|I|i|1>

    (Ordered List - Cantumkan <LI> sebelum tiap butir)

    (berlaku umum untuk semua butir dalam daftar) (berlaku khusus pada butir ini dan selanjutnya) (berlaku umum untuk semua butir dalam daftar) (berlaku khusus pada butir ini dan selanjutnya) (Definition List <DT>=istilah, <DD>=uraian)

    Nomor Mulai

    <OL START=?> <LI VALUE=?>

    Daftar Definisi

    <DL><DT><DD></DL>

    Kompak Daftar Menu Kompak Daftar Direktori Kompak

    <DL COMPACT></DL> <MENU><LI></MENU> <MENU COMPACT></MENU> <DIR><LI></DIR> <DIR COMPACT></DIR> (Cantumkan <LI> sebelum tiap butir direktori) (Cantumkan <LI> sebelum butir menu)

    LATAR BELAKANG DAN WARNA

    Latar Belakang Gambar

    <BODY BACKGROUND="URL">

    (Tiled Background) (Background Color - urutan: merah/hijau/biru)

    Warna Latar Belakang <BODY BGCOLOR="#$$$$$$"> [*] Warna Huruf Teks Warna Acuan Acuan Lepas Kunjung Acuan Aktif <BODY TEXT="#$$$$$$"> [*] <BODY LINK="#$$$$$$"> [*] <BODY VLINK="#$$$$$$"> [*] <BODY ALINK="#$$$$$$"> [*]

    (Visited Link) (Active Link)

    (Info lanjut di http://werbach.com/web/wwwhelp.html#color) HURUF SPESIAL(these must all be in lower case)

    Special Character < >

    &#?; &lt; &gt;

    (where ? is the ISO 8859-1 code)

    & " Registered TM Copyright Spasi tak putus

    &amp; &quot; &reg; &copy; &nbsp; Non-breaking Space

    (Daftar lengkap huruf khusus terdapat di http://www.uni-passau.de/%7Eramsch/iso8859-1.html) FORMULIR

    Rancangan Formulir N2.0 Mengirimkan File Input Field Nama Field Nilai Field Kotak Periksa

    <FORM ACTION="URL" METHOD=GET|POST></FORM>

    Define Forms

    <FORM ENCTYPE="multipart/form-data"></FORM> File Upload <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO| IMAGE|HIDDEN|SUBMIT|RESET"> <INPUT NAME="***"> <INPUT VALUE="***"> <INPUT CHECKED> (checkboxes dan radio boxes) (dalam satuan jumlah karakter) (dalam satuan karakter) Selection List

    Ukuran Field

    <INPUT SIZE=?>

    Panjang Maksimum Daftar Pilihan Nama Daftar Pilihan Jumlah Pilihan Banyak Pilihan Pilihan Pilihan Default Ukuran Input Box Nama Input Box N2.0 Rangkuman Teks

    <INPUT MAXLENGTH=?> <SELECT></SELECT> <SELECT NAME="***"></SELECT> <SELECT SIZE=?></SELECT> <SELECT MULTIPLE> <OPTION> <OPTION SELECTED> <TEXTAREA ROWS=? COLS=?></TEXTAREA> <TEXTAREA NAME="***"></TEXTAREA> <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>

    (dapat memilih lebih dari satu) (butir yang dapat dipilih)

    Wrap Text

    TABEL

    Rancangan Tabel

    <TABLE></TABLE> [*]

    Garis Batas Tabel Celah Sel Penyangga Sel Lebar Tabel Lebar Tabel Persentasi Baris dalam Tabel Penataan Letak Baris

    <TABLE BORDER=?></TABLE> <TABLE CELLSPACING=?> <TABLE CELLPADDING=?> <TABLE WIDTH=?> <TABLE WIDTH="%"> <TR></TR> <TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM VALIGN=TOP|BOTTOM|MIDDLE> <TD></TD> <TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM VALIGN=TOP|BOTTOM|MIDDLE> <TD NOWRAP> <TD COLSPAN=?> <TD ROWSPAN=?> <TD WIDTH=?> <TD WIDTH="%"> <TD BGCOLOR="#$$$$$$"> <TH></TH> (Table Header - seperti data dengan Bold dan Center) Columns to span Rows to span (dalam satuan pixel) (dalam satuan persen terhadap lebar tabel) (harus ada dalam setiap baris tabel) Cell Spacing Cell Padding (dalam satuan pixel) (dalam satuan persen terhadap lebar halaman)

    Sel dalam Tabel Penataan Letak Sel

    Tanpa Ganti Baris Rentang Kolom Rentang Baris N1.1 N1.1 Lebar Sel Lebar Sel Persentasi

    N3.0b Warna Sel Kepala Tabel

    Penataan Letak Kepala Tabel <TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM VALIGN=TOP|BOTTOM|MIDDLE> Tanpa Baris Baru Rentang Kolom Rentang Baris N1.1 N1.1 Lebar Kepala Tabel Lebar Persentasi <TH NOWRAP> <TH COLSPAN=?> <TH ROWSPAN=?> <TH WIDTH=?> <TH WIDTH="%"> <TH BGCOLOR="#$$$$$$"> <CAPTION></CAPTION> <CAPTION ALIGN=TOP|BOTTOM> FRAMES Caption (di atas / di bawah tabel) Columns to Span Rows to Span (dalam satuan pixel) (dalam persentasi terhadap lebar tabel)

    N3.0b Warna Kepala Tabel Keterangan Tabel Penataan Keterangan

    N2.0

    Dokumen dalam Frame

    <FRAMESET></FRAMESET>

    (sebagai pengganti

    <BODY>) N2.0 N2.0 N2.0 N2.0 Tinggi Baris Frame Tinggi Baris Frame Lebar Kolom Frame Lebar Kolom Frame <FRAMESET ROWS=,,,></FRAMESET> <FRAMESET ROWS=*></FRAMESET> <FRAMESET COLS=,,,></FRAMESET> <FRAMESET COLS=*></FRAMESET> <FRAMESET BORDER=?> <FRAMESET FRAMEBORDER="yes|no"> <FRAMESET BORDERCOLOR="#$$$$$$"> <FRAME> <FRAME SRC="URL"> <FRAME NAME="***"|_blank|_self| _parent|_top> <FRAME MARGINWIDTH=?> <FRAME MARGINHEIGHT=?> <FRAME SCROLLING="YES|NO|AUTO"> (batas kiri dan kanan) (batas atas dan bawah) Memungkinkan scrolling pada frame (isi dari frame individu) (dalam satuan pixel atau %) (* = ukuran relatif) (dalam satuan pixel atau %) (* = ukuran relatif)

    N3.0b Lebar Garis Batas N3.0b Garis Batas N3.0b Warna Garis Batas N2.0 N2.0 N2.0 N2.0 N2.0 N2.0 N2.0 Rancangan Frame Tampilan Dokumen Frame Nama Frame Lebar Batas Tinggi Batas Scrollbar?

    Ukuran Frame tak bisa diubah <FRAME NORESIZE> <FRAME FRAMEBORDER="yes|no"> <FRAME BORDERCOLOR="#$$$$$$"> <NOFRAMES></NOFRAMES> (bagi browser yang tak mampu frame)

    N3.0b Batas Frame N3.0b Warna Garis Batas N2.0 Isi tanpa Frame

    JAVA

    Applet Nama File Applet Parameter Applet Sumber Applet Identifier Applet Teks Alternatif Penataan Applet Ukuran Applet Celah batas Applet

    <APPLET></APPLET> <APPLET CODE="***"> <APPLET PARAM NAME="***"> <APPLET CODEBASE="URL"> <APPLET NAME="***"> <APPLET ALT="***"> <APPLET ALIGN="LEFT|RIGHT|CENTER"> <APPLET WIDTH=? HEIGHT=?> <APPLET HSPACE=? VSPACE=?> (in pixels) (in pixels) (sebagai rujukan di tempat lain pada halaman sama) (untuk browser tanpa kemampuan Java browsers)

    LAIN-LAIN

    Komentar Prolog HTML 3.2 Mampu Cari Prompt Perintah Cari URL dari file ini N2.0 Nama Dasar Window Kaitan Informasi Meta

    <!-- *** --> <!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 3.2//EN"> [*] <ISINDEX> <ISINDEX PROMPT="***"> <A HREF="URL?***"></a> <BASE HREF="URL"> <BASE TARGET="***"> <LINK REV="***" REL="***" HREF="URL"> <META>

    (tidak ditampilkan oleh browser)

    (indikasi indeks yang dapat dicaritemukan) (teks sebagai prompt) (gunakan tanda tanya yang sebenarnya) (harus terletak di header) (harus terletak di header) (Relation dan Reverse Relation, harus terletak di header) (harus terletak di header) (Style Sheet - belum didukung sepenuhnya) (belum didukung sepenuhnya)

    Lembar Gaya Penulisan <STYLE></STYLE> Scripts <SCRIPT></SCRIPT>

    You might also like