BELAJAR WEB BARENG

HTML DASAR (bab2c) : Membuat Karakter Text

Diposting oleh Unknown di 10.14 Jumat, 12 Oktober 2012 0 komentar

beberpa karakter, misal "&", tidak dapat ditampilkan begitu saja kedalam web. karaktertersebut harus ditulis dalam kode tertentu agar dapat ditampilkan dengan baik dalam web.

MEMBUAT KARAKTER :
save di : My Documents\LatihanWeb\Bab2\
nama file : bab2c.html

<HTML>
<HEAD>
<TITLE>LATIHAN MEMBUAT KARAKTER</TITLE>
</HEAD>
<BODY>

<CENTER>
" & <
 
> © ®
 
± Æ æ É é
</CENTER>

</BODY>
</HTML>

HTML DASAR (bab2b) : Memformat Teks dengan Tag Font

Diposting oleh Unknown di 23.40 Kamis, 11 Oktober 2012 0 komentar

Untuk memformat/men-setting tulisan dapat juga kita menggunakan tag Font, Tag Font ini dapat men-setting bentuk tulisan, warna tulisan, serta ukuran tulisan.
Tag memiliki atribut SIZE, COLOR dan FACE untuk memformat Teks

MEMFORMAT TEKS DENGAN TAG :
save di : My Documents\LatihanWeb\Bab2\
nama file : bab2b.html

<HTML>
<HEAD>
<TITLE>LATIHAN FORMAT TEKS DENGAN TAG FONT</TITLE>
</HEAD>
<BODY>

TEKS BERWARNA MERAH, SIZE=5, BENTUK HURUF=VERDANA

 

TEKS BERWARNA MERAH, SIZE=5, BENTUK HURUF=SANS-SERIF

 

TEKS BERWARNA HIJAU, SIZE=10, BENTUK HURUF=SANS-SERIF

 

TEKS BERWARNA HIJAU, SIZE=10, BENTUK HURUF=PRISTINA

 

TEKS BERWARNA BIRU, SIZE=15, BENTUK HURUF=MISTRAL

 

TEKS BERWARNA BIRU, SIZE=15, BENTUK HURUF=TERMINAL

 
</BODY>
</HTML>

HTML DASAR (bab2a) : Memformat Teks

Diposting oleh Unknown di 23.32 0 komentar

... Membuat huruf tebal.
... Membuat teks bergaris bawah.
... Membuat teks miring.
<BIG>...</BIG> Memperbesar teks dari ukuran normal.
...Memperkecil teks dari ukuran normal.
... Membuat subscrip
... Membuat superscrip.
<STRIKE>...</STRIKE>Membuat teks tercoret di tengah.

MEMFORMAT TEKS :
save di : My Documents\LatihanWeb\Bab2\
nama file : bab2a.html

<HTML>
<HEAD>
<TITLE>LATIHAN MEMFORMAT TEKS</TITLE>
</HEAD>
<BODY>
TEKS NORMAL
 
TEKS TEBAL
 
TEKS BERGARIS BAWAH
 
TEKS MIRING
 
<BIG>TEKS DENGAN TAG BIG</BIG>
 
TEKS DENGAN TAG SMALL
 
CH3COOH
 
X3
 
<STRIKE>TEKS TERCORET DI TENGAH</STRIKE>
</BODY>
</HTML>

HTML DASAR (bab1f) : Membuat Heading

Diposting oleh Unknown di 19.55 0 komentar

UNtuk membuat Heading menggunakan tag <H>. Dan mempunyai 6 jenis heading.
<H1>....</H1> yang paling besar font-nya.
<H6>....</H6> yang paling kecil font-nya.

MENGATUR HEADING :
save di : My Documents\LatihanWeb\Bab1\
nama file : bab1f.html

<HTML>
<HEAD>
<TITLE>LATIHAN MEMBUAT HEADING</TITLE>
</HEAD>
<BODY>
<H1>Ini Teks Dengan HEADING 1</H1>
<H2>Ini Teks Dengan HEADING 2</H2>
<H3>Ini Teks Dengan HEADING 3</H3>
<H4>Ini Teks Dengan HEADING 4</H4>
<H5>Ini Teks Dengan HEADING 5</H5>
<H6>Ini Teks Dengan HEADING 6</H6>
</BODY>
</HTML>

HTML DASAR (bab1e) : Membuat Paragraf

Diposting oleh Unknown di 19.11 0 komentar

Tag digunakan untuk memisahkan teks yang berbeda pada paragraf berbeda dan memiliki atribut ALIGN untuk mengatur perataan paragraf.

Tag <pre> digunakan untuk menampilkan apa adanya seperti yang kita ketik pada editor.

MEMBUAT PARAGRAF :
save di : My Documents\LatihanWeb\Bab1\
nama file : bab1e.html

<HTML>
<HEAD>
<TITLE>LATIHAN MEMBUAT PARAGRAF</TITLE>
</HEAD>
<BODY>
HTML adalaah kependekan dari Hyper Text Markup Language, merupakan sebuah bahasa Scripting yang berguna untuk menuliskan halaman web. Pada halaman web, HTML dijadikan sebagai bahasa script dasar yang berjalan bersama berbagai bahasa Scripting Pemrograman lainnya
Semua bahasa scripting yang berjalan dibawah Web dapat didukung oleh HTML, biasanya bahasa-bahasa tersebut melakukan Embeded Script pada tag-tag HTML. Semua bahasa scripting yang berjalan dibawah Web dapat didukung oleh HTML, biasanya bahasa-bahasa tersebut melakukan Embeded Script pada tag-tag HTML.
YANG TERPENTING ADALAH TETAP CEMANGAAT UNTUK SELALU MAU BELAJAR,,,,!!!
<PRE> Karena HTML hanyalah merupakan kode scripting dan bukan merupakan program kompiler maka kita dapat menuliskan semu kode-kode program dengan menggunakan editor yang kta sukai.
misalnya : - Macromedia Dreamwever
- Front Paage
- Home Site
- Notepad++
atau juga dapat menggunakan NotePad sebagai editor standart bawaan OS WINDOWS.</PRE>
</BODY>
</HTML>

HTML DASAR bab1d : Membuat Garis HTML

Diposting oleh Unknown di 06.41 0 komentar

Tag <HR> digunakan untuk membuat garis lurus harisontal di dalam web. Tag <HR> memiliki atribut SIZE, WIDTH dan COLOR untuk mengatur tunggi/ketebalan dan panjang/lebar dan warna garis.

Tag digunakan untuk berganti baris.

MEMBUAT GARIS :
save di : My Documents\LatihanWeb\Bab1\
nama file : bab1d.html

<HTML>
<HEAD>
<TITLE>AKU BELAJAR MEMBUAT GARIS</TITLE>
</HEAD>
<BODY>
AKU SEDANG BELAJAR MEMBUAT GARIS 
DAN AKU MENIKMATI PEMBELAJARAN SEPERTI INI. 
 
INI ADALAH GARIS LURUS HORISONTAL BIASA <HR>
 
INI ADALAH GARIS LURUS HORISONTAL DENGAN SIZE = 7 <HR SIZE=7>
 
INI ADALAH GARIS LURUS HORISONTAL DENGAN LEBAR 50% DARI LAYAR<HR WIDTH="50%">
 
INI ADALAH GARIS LURUS HORISONTAL DENGAN SIZE= 10
DAN LEBAR 135 PIXEL DENGAN WARNA KUNING <HR SIZE=10 WIDTH=135>
</BODY>
</HTML>

link Video Tutorial

HTML Background Gambar (bab 1 c)

Diposting oleh Unknown di 22.26 Jumat, 05 Oktober 2012 0 komentar

Kita dapat membuat background berupa image atau gambar dengan memberi atribut BACKGROUND dalam tag <body>. Dengan catatan file gambar yang akan kita buat background terdapat di dalam 1 folder master atau jika dalam tutorial ini disarankan file gambar maksimal berada di dalam folder "LatihanWeb" yang berada di My Documents. Dan untuk file-nya sendiri tidak semua ekstensi dapat di baca browser, tapi kita gunakan gambar yang ber-ektensi *.gif karena hampir semua browser dapat membaca file *.gif

MEMBUAT BACKGROUND GAMBAR :
save di : My Documents\LatihanWeb\Bab1\
nama file : bab1c.html

<html>
<head>
<title>MEMBUAT BACKGROUND GAMBAR</title>
</head>
<body background="Winter.gif" text="WHITE">
KITA BUAT BACKGROUND BERUPA GAMBAR BROOO,,,,,!!!! 
ihhhhhuuuuiiiiiyyyy,,,,,,,
</body>
</html>

Video Tutorial HTML Bab 1c - Youtube

Mengenai Saya