Sekedar Berbagi ^^: Pemrograman Web

Tampilkan postingan dengan label Pemrograman Web. Tampilkan semua postingan

Cara Memasang Gambar Pada HTML

Pada HTML, Gambar didefinisikan dengan tag <img>, tag ini hanya berisi atribut. atribut yang terdapat pada tag <img> antara lain : src, align, height, width dan alt.

Berikut Sintaks untuk mendefinisikan gambar :
<img src="koala.jpg" align="left" width="120px"
height="px" alt="gambar koala" >

Keterangan atribut :
- src (letak file gambar)
- align (perataan gambar)
- width (lebar gambar dalam persen atau pixel)
- height (tinggi gambar dalam persen atau pixel)
- alt (keterangan gambar)

Contoh :
<html>
<head> <title> GAMBAR </title>
</head>
<body>
<img src="koala.jpg" align="left" width="120px"
height="100px" alt="gambar koala" >
</body>
</html>

Hasil :

Demikian postingan dari saya, selamat mencoba..!!

Apa itu HTML?

HTML singkatan dari Hyper Text Markup Language yang merupakan bahasa untuk mendeskripsikan halaman web, HTML bukan bahasa pemrograman melainkan bahasa markup, bahasa markup sendiri adalah seperangkat tag markup, HTML menggunakan tag markup untuk menjelaskan halaman web

Tag HTML
Tag markup HTML biasanya disebut dengan tag HTML

Tag HTML adalah kata kunci yang diapit oleh tanda kurung seperti <html> Tag HTML biasanya berpasangan seperti <b> dan </b>. Tag pertama biasanya disebut tag pembuka dan pasangannya tentu saja tag penutup.

Dokumen HTML = Halaman Web
Dokumen HTML menjelaskan halaman web
Dokumen HTML berisi tag HTML dan teks biasa
Dokumen HTML juga disebut halaman web

Kegunaan dari web browser seperti Google Chrome, Internet Explorer dan Firefox adalah untuk membaca dokumen HTML dan menampilkannya sebagai halaman web. Browser tidak menampilkan tag HTML, tetapi menggunakan tag untuk menafsirkan isi dari halaman tersebut.

Cara Menulis HTML
HTML dapat ditulis dan di edit menggunakan berbagai macam editor yang berbeda-beda seperti Dreamweaver, Visual Studio, Komodo Edit, Notepad++, dll.

Saat menyimpan file HTML, kita bisa menggunakan ekstensi file .htm atau .html.

Contoh kode html :
<html>
<body>
<h1>Heading Satu</h1>
<p>Paragraf Pertamaku</p>
</body>
</html>

Hasil :

Keterangan :
- Teks di antara <html> dan </html> menjelaskan halaman web
- Teks di antara <body> dan </body> merupakan isi halaman yang terlihat
- Teks di antara <h1> dan </h1> ditampilkan sebagai judul
- Teks di antara <p> dan </p> ditampilkan sebagai sebuah paragraph

sekian dari saya, semoga bermanfaat dan selamat mencoba

Membuat Teks di atas Teks dengan CSS

<HTML>
<HEAD>
<TITLE>Teks diatas Teks</TITLE>
<BODY>
<STYLE type=text/css>
H2.spin {LEFT: 5px;
FONT: bold italic 36pt times, serif;
COLOR:#C1E0FF; POSITION: relative;
TOP: 5px
}
H3.spin {MARGIN-BOTTOM: 10px;
FONT: 18pt Arial, sans-serif;

Desain Backround Teks Warna dengan CSS

<html>
<head>
<title>Background Teks Warna</title>
</head>
<body>
<h1 style="color:#FFFFFF">
<span style="background-color:#006699">
Tips CSS
</span></h1>
</body>
</html>

Sekedar Berbagi ^^

Iklan

Cara Memasang Gambar Pada HTML

Apa itu HTML?

Membuat Teks di atas Teks dengan CSS

Desain Backround Teks Warna dengan CSS

Popular Posts

Categories

Site Info