Bab 1
STRUKTUR DOKUMEN UNTUK WEB
1.1
PENGENALAN ISTILAH DALAM
WEB
Internet buikan lah hal yang langka lagi pada zaman sekarang
ini.hampir semua orang di dunia mengenal
internet.begitu banyak dokumen yang bisa
kit te,ikam lewat internet.setiap
dokumen di sebut dnegan web page (
halaman web ).Namun kebanyakan orang menyabutnya web saja
Dokumen pertaman kali muncul ketika
membuka jendela browser di sebut
dengan homepage.Browser merupakan software yang di install di mesin client
yang berfungsi menterjemahkan tags HTML menjadi halamn web.Sebuah webside
tentunya memiliki domain.Domainname adalah system penanaman alamatinternet ,misalnya: www.amikparbina.ac.id.doamin
name struktur hiraki yang terdiri dari top level domains(TLDs),contoh
:google,yahoo.amikparbina
Url adalah rangkaian karakter
menurut suatu pormat standar tertentu yang di gunakan untuk menunjukan
alamat sumber seperti dokumen dan gambar di internet .Ada 3 bagian yang menjadi
kunci dari URL yaitu: schome,hodt address,dan filepath
Host address
scheme filepath
1.2
PENGENALAN HTML
HTML merupakan singkat
dari hypertext Markup Loguate.HTML merupakan standar bahasa yang di gunakan
untuk merancang dan menampilkan dokumen
web.ada beberapa versi dari web html sejak di mulainya pengunaan web W3C (World
Wide Web Cosurtium).dalam perancang dokumen
web,kita memerlukan bantuan tols editor.
Pembuatan dokumen HTML tergolong sangat mudah kita tinggal menbuka tols editor,lalu
mengetik sesuatu secara sembarang dan simpan dengan ektensi.html,kita pun
berhasil merancang sebuah dokumen web
1.3
ELEMEN DAN STUKTUR HTML
Sebuah dokumen web yang
baiok harus di rancang dengan mengunakan
tag html,tag adalah dokumen yang di gunakan
untuk pengaturan halaman web ,tag ada 2 macam ,yaitu pembuka(<>)dan
penutup(</>).sepasang tag disebut dengan sebuah elemen
1.
Name:merupakan property
elemen sebuah atribut yang akan di tetapkan .
2.
Value:merupakan nilai
yang kita inginkan dari property.biasanya
di tandai dengan kutip dua (“
“).kita bmenginginkan property menghubungkan teks ke alamat situs google.sehingga
nilainya adalah “www.google.com
Sebuah halaman web
minimal mempunyai empat buah elemen ,yaitu:
1. <html>:
sebagai tanda awal dokumen HTML.
2. <head>:sebagi informatika page header.di dalam
tag ini kita bisa meletakan tag title.base.isendex.link.script,style&meta.
3. <title>: sebagai titile atau judul halaman
.kalimat yang terletak di dalam tag ini akan muncul pada bagian paling
atas browser(pada title bar)
4. <body>:di dalam tag inilah di letakan isi
dokumen dan berbagai attributre seperti warna latar belakang.warna teks,wara link
,warna visited,warna active link danlain
lain
Bentuk Dasar HTML
<HTML>
<head>
<title>judul Webside…</title>
<title>judul Webside…</title>
</head>
<body>
Is
halaman HTML…
</body>
</html>
Bentuk gambar html
1.4
ELEMEN UNTUK PARGRAF
1.<p> dan <br>
<p> digunkan untuk membuat pargraf baru dari
baris sebelumnya,sedangkan elemen <br> di gunakan hanya untuk membuat pargraf baru dari baris sebelunya, sedangkan elemen<br> di
gunakan hanya untuk mengunakan hanya untuk menbuat baris baru,jadi jarak
tulisan elemen<p> lebih jauh di bandingkan dengan elemen<br>.
2.<pre>
Elemen<pre>digunakan untuk membuat tampilan
teks di browser sama persis dengan tampilan di editor.jadi dengan elmen ini
kita tidak membuat elemen,<p> dan <br> untuk membuat paragraph
3<div>dan<span>
Elemen
<div> dan<span> memungkinlkan kitan untuk melompat bebebrapa elemen
menjadi 1 bagian tertentu.dengan kata lainkita dapat mengunakan<div>dan
<span> untuk membuat beberapa elmen menjadi satu bagian atau
subbagian.penggunaan elemen<div>dan<span>tidak akan dipegaruhi
tampilan halaman yang di rancang,
Kali INI Saya Akan Memasukan Skrip yang saya pelajari Beserta Outputnya:
Latihan 1
<html>
<head>
<title>Website Pertamaku</title>
</head>
<body>
<h1>Website Pertamaku</h1>
<p>Hallo apa kabar,ini adalah web buatanku yang pertama kali.</p>
<p>Namaku adalah Riris Olvi Julianty Sirait, Saya Mahasiswa di AMIK BINUS.</p>
<p>Saya sekarang tingkat 2 semester 3 tepatnya dikelas Manajemen Informatika pagi.</p>
<h3>Kalau webnya kurang bagus,harap maklum yah,Kan masih banyak yang belum dipelajari.</h>
</body>
</html>
Ini OutPutnya:
Latihan 2
<html>
<head>
<title>Informasi Mahasiswa AMIK BINUS</title>
</head>
<body>
<h1>Informasi tentang Mahasiswa AMIK BINUS</h1>
<h2>Manajemen Informatika Komputer</h2>
<h3>MIK 80</h3>
<blockquote>
Riris
<br>Sari
</blockquote>
<h4>MIK 81</h4>
<blockquote>
Reni
<br>Jojo
</blockquote>
<h5>MIK 82</h5>
<blockquote>
Renta
<br>Rendy
</blockquote>
</body>
</html>
Ini OutPutnya:
Latihan 3
<html>
<head>
<title>Pengaturan paragraf dan format karakter</title>
</head>
<body>
<h1>Pengaturan Paragraf</h1>
<p>Untuk melakukan pengaturan paragraf pada dokumen
html,berbeda dengan pengaturan paragraf pada
dokumen biasa.
Kita tidak bisa membuat baris baru hanya menekan tanda<b>Enter</b>
Untuk membuat huruf menjadi <i>miring</i> kita
dapat menambahkan elemen <code><I></code>,
dan untuk membuat <u>garis bawah</u> kita gunakan
elemen <code><U></code>.
Paragraf ini dibuat dengan perkataan standar.
<p>Ini adalah awal dari paragraf baru. Lihat jarak antara baris ini dengan baris diatas.<br>
Bandingkan dengan baris ini.Baris ini diturunkan dengan<em>page break</em>
dan elemen yang digunakan adalah <code><br></code>.<h3>bandingkan besar kalimat ini dengan
judul diatas</h3>.
Kalimat tersebut dibuat dengan<tt>heading h3</tt>,
sedangkan judul menggunakan <big>heading h1</big>.<blockquote>
Sedangkan orang yang mendapat julukan<u>ahli</u>,
<s>bukan</s>
didapat dari lama belajar ukuran <s>bulan</s>
apalagi <s>hari</s> atau <s>jam</s>. Melainkan <u>Tahunan</u>.<blockquote>
<pre>
Tampilan ini sama dengan tampilan diteks editor.
Dibuat tanpa menggunakan paragraf ataupun pagebreak.
Klasemen Sementara Turnamen
Team Main Menang Seri Kalah
=============================================
Team A 3 2 1 0
Team B 3 2 0 1
Team C 3 1 1 1
=============================================
Kode Program :
For I = 1 to 10
For J= 1 to 5
A(I,J)=I*J
Next J
Next I
1<sup>st</sup>,2<sup>nd</sup>,3<sup>rd</sup>,
4<sup>th</sup>,5<sup>th</sup>,<sub>H2O</sub>,
X<sup>3</sup>,P<sub>3</sub>X<sup>4</sup>.
<hr>
<address>
Ini adalah praktikum mahasiswa AMIK BINUS Pematang Siantar Tahun Ajaran
2015/2016.</address>
</body>
</html>
OUTPUTNYA:
Sekian Bab 1 dari saya..
thank's :)
Tidak ada komentar:
Posting Komentar