Apa itu website?
1.Pengenalan Website.
Website atau situs web adalah suatu halaman web yang saling berhubungan satu dengan yang lainnya,yang berisikan kumpulan informasi dalam sebuah link.
Jika kita ingin membuka sebuah website kita dapat membuka nya melalu browser baik itu chrom,firefox,mozila,dan lain-lain dengan memasukkan kata kunci yang ingin kita cari.
2.Format teks HTML pada web.
a) Isi file html
<html>
<head>
<title>struktur dasar HTML< /title>
</head>
<body>rekayasa web dan internet</body>
</html>
b) Heading
HTML merupakan 6 level heading,mulai 1 (terbesar) sampai 6. heading ditampilkan dengan fot lebih besar dan tebal dari pada teks normal.
<h1>heading level 1</h1>,<h2>heading level 2</h2>dst.
contoh pengguaa heading
<html>
<head>
<title>tag heading</title>
</head>
<body>
<h6>heading 6</h6>
<h5>heading 5</h5>
<h4>heading 4</h4>
<h3>heading 3</h3>
<h2>heading 2</h2>
<h1>heading 1</h1>
</body>
</html>
c) Baris
Setiap ada baris baru diawali dengan <br> dan diakhiri dengan</br>
<html>
<head>
<title>penggunaan baris</title>
</head>
<body> baris.setiap ada baris baru diawali dengan <br> dan di akhiri dengan</br>
</body>
</html>
d) Paragraf
Setiap ada paragraf baru diawali dengan <p> dan diakhiri dengan</p>,dst
<html>
<head>
<title>penggunaan paragraf</tittle>
</head>
<body> paragraf.<p>setiap ada paragraf baru </p>AMIK Tomakaka Majene
</body>
</html>
e) List
HTML mendukung daftar (list) tidak bernomor,bernomor.
Tidak bernomor (unordered list) :
<ul>
<li>satu
<li>dua
<li>tiga
</ul>
contoh penggunaa list :
<Html>
</html>
<head>
<title>list(UnOrdered list)</title>
</head>
<body>
<ul>
<li>Manajemen Informatika
<li>Teknik Informatika
</ul>
</body>
</html>
Bernomor (ordered list)
<ol>
<li>satu
<li>dua
<li>tiga
</ol>
contoh peggunaan list :
<Html>
</html>
<head>
<title>list (Ordered list)</title>
</head>
<body>
<ol>
<li>Manajemen Informatika
<li>Teknik Informatika
</ol>
</body>
</html>
f) Performatted Text.
Dalam HTML,spasi,tab dan baris baru (enter) tidak memiliki pengaruh. agar format tampilan sesuai dengan sourcenya, maka diperlukan tag <pre>
<html>
<head>
<title>pengguaan preformatted text</title>
</head>
<body>
Biodataku
<pre>
Nama : Maspiati
Tanggal : 20 Desember 1993
Alamat : Lembang
</pre>
</body>
</html>
g) Tabel
Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri dari kolom dan baris.
Berikut contoh untuk membuat sebuah tabel yang terdiri dari 3 baris dan 2 kolom.
<html>
<head>
<title>membuat tabel</title>
</head>
<body>
<table>
<table border=2>
<caption>data mahasiswa</captio>
<tr>
<td>121925071078</td>
<td>Maspiati</td>
</tr>
<tr>
<td>001</td>
<td>ACO<?td>
</tr>
<tr>
< td>002</td>
<td>CICI</td>
</tr>
</body>
</html>
ketrangan :
a) <table> </table> : mendefenisikan bahwa teks didalamnya merupakan teg-tag pembuatan tabel.
b) <table border=2> :mendefenisikan penentuan ada atau tidaknya serta ukuran border pada tabel.
c) <tr> </tr> : table row, mendefenisikan bahwa teks di dalamnya akan berada dalamnya akan berada dalam satu baris.banyaknya tag <tr></tr> menunjukkan banyakya baris pada suatu tabel.
d) <td> </td> : table division,mendefinisikan isi dari suatu kolom, tag ini selalu berada di dalam tag <tr></tr>.banyaknya tag <td></td> diantara tag </tr></tr> menunjukka banyaknya kolom dalam suatu baris.
h)Atribut
merupakan yang bisa anda tambahkan pada beberapa element seperti body, font, link dan lainnya.
<html>
<head>
<title>FONT</title>
</head>
<marquee><u><b><penggunaan
Font</b></u></marquee>
<br><br>
<b><i>ini huruf tebal dengan tag bold italic
<p align="center">
<font face="calibri"><i><font
color="#0000ff"><b><font size="10">
contoh huruf pilihan : calibri, biru, italic, warna biru dengan ukuran size no.10, rapat tengah.
</b></fonto></i></font>
</p>
</body>
</html>
keteranga :
- <marquee></marquee>animasi teks yang bergerak.
- <b></b> menandakan teks bold
- <u></u> meandakan teks underlie
- <i></i> menandakan teks italic
- <p alig="center"></p>
paragraf baru yang akan dirata tengahkan.
- <font face="calibri"></font> jenis huruf yang di gunakan adalah calibri
color di bagi dalam tiga kategori warna primer yaitu red, green dan blue. masing-masing color didefenisikan dalam dua digit hexadecimal number.
Format warna : #RRGGBB
Hexadecimal Color
#FF0000 RED
#00FFOO Green
#0000FF Blue
#000000 Black
#FFFFFF White
<html>
<head>
<title>Background Color and Font Color<title>
</head>
<body bgcolor="#00ff00">
<font color="#ff0000">Rekayasa web</font>
</body>
</html>
keterangan :
1) background warna
<body bgcolor="00ff00">background diatas berwarna hijau
2) font warna
<font color="#ff0014"></font>teks diatas berwarna merah.
<html>
<head>
<title>struktur dasar HTML< /title>
</head>
<body>rekayasa web dan internet</body>
</html>
b) Heading
HTML merupakan 6 level heading,mulai 1 (terbesar) sampai 6. heading ditampilkan dengan fot lebih besar dan tebal dari pada teks normal.
<h1>heading level 1</h1>,<h2>heading level 2</h2>dst.
contoh pengguaa heading
<html>
<head>
<title>tag heading</title>
</head>
<body>
<h6>heading 6</h6>
<h5>heading 5</h5>
<h4>heading 4</h4>
<h3>heading 3</h3>
<h2>heading 2</h2>
<h1>heading 1</h1>
</body>
</html>
c) Baris
Setiap ada baris baru diawali dengan <br> dan diakhiri dengan</br>
<html>
<head>
<title>penggunaan baris</title>
</head>
<body> baris.setiap ada baris baru diawali dengan <br> dan di akhiri dengan</br>
</body>
</html>
d) Paragraf
Setiap ada paragraf baru diawali dengan <p> dan diakhiri dengan</p>,dst
<html>
<head>
<title>penggunaan paragraf</tittle>
</head>
<body> paragraf.<p>setiap ada paragraf baru </p>AMIK Tomakaka Majene
</body>
</html>
e) List
HTML mendukung daftar (list) tidak bernomor,bernomor.
Tidak bernomor (unordered list) :
<ul>
<li>satu
<li>dua
<li>tiga
</ul>
contoh penggunaa list :
<Html>
</html>
<head>
<title>list(UnOrdered list)</title>
</head>
<body>
<ul>
<li>Manajemen Informatika
<li>Teknik Informatika
</ul>
</body>
</html>
Bernomor (ordered list)
<ol>
<li>satu
<li>dua
<li>tiga
</ol>
contoh peggunaan list :
<Html>
</html>
<head>
<title>list (Ordered list)</title>
</head>
<body>
<ol>
<li>Manajemen Informatika
<li>Teknik Informatika
</ol>
</body>
</html>
f) Performatted Text.
Dalam HTML,spasi,tab dan baris baru (enter) tidak memiliki pengaruh. agar format tampilan sesuai dengan sourcenya, maka diperlukan tag <pre>
<html>
<head>
<title>pengguaan preformatted text</title>
</head>
<body>
Biodataku
<pre>
Nama : Maspiati
Tanggal : 20 Desember 1993
Alamat : Lembang
</pre>
</body>
</html>
g) Tabel
Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri dari kolom dan baris.
Berikut contoh untuk membuat sebuah tabel yang terdiri dari 3 baris dan 2 kolom.
<html>
<head>
<title>membuat tabel</title>
</head>
<body>
<table>
<table border=2>
<caption>data mahasiswa</captio>
<tr>
<td>121925071078</td>
<td>Maspiati</td>
</tr>
<tr>
<td>001</td>
<td>ACO<?td>
</tr>
<tr>
< td>002</td>
<td>CICI</td>
</tr>
</body>
</html>
ketrangan :
a) <table> </table> : mendefenisikan bahwa teks didalamnya merupakan teg-tag pembuatan tabel.
b) <table border=2> :mendefenisikan penentuan ada atau tidaknya serta ukuran border pada tabel.
c) <tr> </tr> : table row, mendefenisikan bahwa teks di dalamnya akan berada dalamnya akan berada dalam satu baris.banyaknya tag <tr></tr> menunjukkan banyakya baris pada suatu tabel.
d) <td> </td> : table division,mendefinisikan isi dari suatu kolom, tag ini selalu berada di dalam tag <tr></tr>.banyaknya tag <td></td> diantara tag </tr></tr> menunjukka banyaknya kolom dalam suatu baris.
h)Atribut
merupakan yang bisa anda tambahkan pada beberapa element seperti body, font, link dan lainnya.
<html>
<head>
<title>FONT</title>
</head>
<marquee><u><b><penggunaan
Font</b></u></marquee>
<br><br>
<b><i>ini huruf tebal dengan tag bold italic
<p align="center">
<font face="calibri"><i><font
color="#0000ff"><b><font size="10">
contoh huruf pilihan : calibri, biru, italic, warna biru dengan ukuran size no.10, rapat tengah.
</b></fonto></i></font>
</p>
</body>
</html>
keteranga :
- <marquee></marquee>animasi teks yang bergerak.
- <b></b> menandakan teks bold
- <u></u> meandakan teks underlie
- <i></i> menandakan teks italic
- <p alig="center"></p>
paragraf baru yang akan dirata tengahkan.
- <font face="calibri"></font> jenis huruf yang di gunakan adalah calibri
color di bagi dalam tiga kategori warna primer yaitu red, green dan blue. masing-masing color didefenisikan dalam dua digit hexadecimal number.
Format warna : #RRGGBB
Hexadecimal Color
#FF0000 RED
#00FFOO Green
#0000FF Blue
#000000 Black
#FFFFFF White
<html>
<head>
<title>Background Color and Font Color<title>
</head>
<body bgcolor="#00ff00">
<font color="#ff0000">Rekayasa web</font>
</body>
</html>
keterangan :
1) background warna
<body bgcolor="00ff00">background diatas berwarna hijau
2) font warna
<font color="#ff0014"></font>teks diatas berwarna merah.
3.Cara membuat tabel di HTML.
Untuk membuat tabel di HTML, kita membutuhkan setidaknya 3 tag, yaitu tag <table>, tag <tr>, dan tag <td>:
Tag <table> digunakan untuk memulai tabel
Tag <tr> adalah singkatan dari table row, digunakan untuk membuat baris dari tabel.
Tag <td> adalah singkatan dari table data, digunakan untuk menginput data ke tabel.
Tag <table> digunakan untuk memulai tabel
Tag <tr> adalah singkatan dari table row, digunakan untuk membuat baris dari tabel.
Tag <td> adalah singkatan dari table data, digunakan untuk menginput data ke tabel.
4.Cara menyisipkan gambar pada blog.
1.Login ke Blogger.
2.Di kiri atas, klik Panah bawah Tombol panah bawah.
2.Di kiri atas, klik Panah bawah Tombol panah bawah.
3.Pilih blog yang akan diperbarui.
4.Buat entri baru atau edit entri untuk menambahkan gambar.
5.Pada Editor Entri, klik Sisipkan gambar Sisipkan gambar.
6.Pilih tempat asal gambar yang ingin Anda upload.
7.Pilih satu atau beberapa gambar untuk diupload.
8.Klik Tambahkan yang dipilih.
9.Jika gambar sudah ada dalam entri, klik untuk mengubah ukuran, teks, atau perataannya pada halaman.
4.Buat entri baru atau edit entri untuk menambahkan gambar.
5.Pada Editor Entri, klik Sisipkan gambar Sisipkan gambar.
6.Pilih tempat asal gambar yang ingin Anda upload.
7.Pilih satu atau beberapa gambar untuk diupload.
8.Klik Tambahkan yang dipilih.
9.Jika gambar sudah ada dalam entri, klik untuk mengubah ukuran, teks, atau perataannya pada halaman.
Post a Comment for "Apa itu website?"