Assalamualaikum Wr. Wb.
Nama : Rofi'atul Khasanah
Kelas : XI RPL 2
No.Absen : 28
1. Cara
Pembuatan BANNER :
- Pertama buka aplikasi photoscap dan kemudian pilih editor
- Setelah itu klik menu dan pilih new photo
- Kemudian atur ukuran dan warnanya
- Dan ini hasil Bannernya
2. Cara
Pembuatan Web :
- Ini scrip untuk HOME
- Dan ini hasil dari scrip di atas
- Begitu juga dengan halaman-halaman berikutnya caranya sama seperti di atas tetapi isinya berbeda.
- Halaman Profil Sekolah
- Disini ada link lagi untuk sejarah sekolah dan struktur organisasi
- Halaman sejarah sekolah
- Halaman struktur organisasi
- Halaman Visi Misi
- Halaman Profil Guru
- Disini ada link untuk kegiatan sekolah
- Halaman fasilitas
- Halaman ekstrakulikuler
- Halaman prestasi
- Disini ada link untuk galeri
- Aktifkan Gmail dulu
- Kemudian search hostinger>>klik Hostinger
- Ini halaman pertama hostinger >>klik login
- Lalu klik icon Gmail
- Maka akan langsung masuk ke akun hostinger saya
- Pilih import website untuk mengupload
- Lalu letakkan file di sini untuk mengUPLOADnya
- Dan ini tempat mengUPLOADnya dan jika berhasil maka akan muncul file hasbeen
4. Fungsi-Fungsi
dalam HTML
1) Struktur dasar
dokumen HTML
adalah sebagai berikut:
<html>
<head>
<title>
DisiniJudul Dokumen HTML
</title>
</head>
<body>Disini penulisan informasi
Web
</body>
</html>
2)
a. ElementHTML
Menyatakan pada
browser bahwadokumen Web yang digunakan adalah HTML.
Sintaks:
<html>
..........
</html>
b. Tag
Adalah
teks khusus (markup)berupa dua karakter "<" dan ">
Sintaks:
<body>…..</body>
c. Element
Element
terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup.
Sintaks:
<title> Disini Judul Dokumen HTML</title>
tumpang tindih dengan pasangan tag-tag
lainnya.
· Contoh penulisantag-tag
yang benar
<p>
<b>
................
</b>
</p>
· Contoh penulisan
tag-tag yang salah
<p>
<b>
................
</p>
</b>
d. Attribute
Attribute
mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan
nilai. Penulisannya adalah sebagai berikut:
<TAG>
nama-attr="nilai-attr"
nama-attr="nilai-attr"
.................
.................
</TAG>
e. Element HEAD
Merupakan
kepala dari dokumen HTML. Tag<head> dan tag</head> terletak di
antara tag <html> dan tag </html>.
<head>
...........
</head>
f.
Element BODY
Element
ini untuk menampilkan isi dokumen HTML. Tag <body> dan tag </body>
terletak di bawah tag <head> dan tag </head>.Element BODY mempunyai
attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang
dokumen yang akan ditampilkan pada browser.
Sintaks:
<body text="v" bgcolor="w"
background="uri" link="x"
alink="y"vlink="z">
..............
</body>
g.
ELEMENT BR (Line Break)
Element
BR berfungsi untuk ganti baris. Dan element BR ini tidak mempunyai tag penutup.
Sintaks:
<br>
h.
ELEMENT P (Paragraph)
Element
P berfungsi untuk ganti paragraf yang diikuti dengan baris kosong di awal dan
akhir Paragraph dan ada penutupnya .
Sintaks:
<p>……</p>
i.
ELEMENT H1,H2,H3,H4,H5,H6 (Header)
Element
H1,H2,H3,H4,H5,H6 berfungsi untuk membuat header dengan format 6 jenis ukuran
huruf Element P berfungsi untuk ganti paragraf yang diikuti dengan baris kosong
di awal dan akhir
Sintaks:
<hx align="left"|"center"|"right">
..........................
</hx>
j.
ELEMENT B (Bold)
Element
B berfungsi untuk membuat tampilan teks tercetak tebal (bold).
Sintaks:
<b>
........................
</b>
k.
ELEMENT I (Italic)
Element
I berfungsi untuk membuat tampilan teks tercetak miring (italic).
Sintaks:
<i>
..........................
</i>
l.
ELEMENT U (Underline)
Element
U berfungsi untuk membuat tampilan teks tercetak garis bawah (underline).
Sintaks:
<u>
</u>
m.
ELEMENT CENTER
Element
CENTER berfungsi untuk menampilkan teks dengan posisi horizontal ditengah.
Sintaks:
<center>
..........................
</center>
n.
ELEMENT FONT
Element
FONT berfungsi untuk merubah jenis, ukuran dan warna dari tampilan huruf.
Element ini mempunyai attribute coloruntuk merubah warna huruf, faceuntuk
merubah jenis huruf (jika lebih dari satu jenis huruf, harus dibatas dengan
koma), dan sizeuntukmerubah ukuran huruf (pixel).
Sintaks:
<font color="warna"
face="font" size="pixel">
..........................
</font>
o.
Cara Membuat Link
Hyperlink
lebih dikenal Link adalah salah satu cara untuk menghubungkan halaman web
dengan halaman web lain.
Sintaks:
<a
href=”URL/Halaman”></a>
p. Cara Memasukkan
image
Sintaks:
<td
width="238"height="21"align="center"background="image.jpg">
</td>
