Pemrograman Web:HTML - Revision history

Kangtain: Kangtain moved page Materi/Pemrograman Web/HTML to Pemrograman Web:HTML

2022-11-19T16:23:28Z

Kangtain moved page Materi/Pemrograman Web/HTML to Pemrograman Web:HTML

← Older revision	Revision as of 23:23, 19 November 2022
(No difference)

Kangtain: /* Source */

2022-11-18T23:29:17Z

Source

← Older revision		Revision as of 06:29, 19 November 2022
Line 139:		Line 139:
	== Source ==		== Source ==

	* [https://developer.mozilla.org/en-US/docs/Web/HTML mozilla.org]~~{{DISPLAYTITLE:HTML}}~~		* [https://developer.mozilla.org/en-US/docs/Web/HTML mozilla.org]
	[[Category:Mapel]]		[[Category:Mapel]]
	[[Category:Matkul]]		[[Category:Matkul]]
	[[Category:Pemrograman Web]]		[[Category:Pemrograman Web]]

Kangtain at 06:39, 17 November 2022

2022-11-17T06:39:57Z

← Older revision		Revision as of 13:39, 17 November 2022
Line 56:		Line 56:
	Tag awal biasanya memiliki beberapa atribut yang menyatakan karakteristik tag tersebut.		Tag awal biasanya memiliki beberapa atribut yang menyatakan karakteristik tag tersebut.

	Misalnya : <syntaxhighlight lang="html">		Misalnya :

			<syntaxhighlight lang="html">
	<P Align=“center”>		<P Align=“center”>
	</syntaxhighlight>~~'''Ket.:'''~~		</syntaxhighlight>

			'''Ket.:'''
	* digunakan untuk membuat paragraf rata tengah.		* digunakan untuk membuat paragraf rata tengah.
	* <code><nowiki><P></nowiki></code> = tag		* <code><nowiki><P></nowiki></code> = tag
Line 66:		Line 69:

	==== Contoh 1 ====		==== Contoh 1 ====

	<syntaxhighlight lang="html" line="1">		<syntaxhighlight lang="html" line="1">
	<html>		<html>
Line 83:		Line 87:

	==== Contoh 2 ====		==== Contoh 2 ====

	<syntaxhighlight lang="html" line="1">		<syntaxhighlight lang="html" line="1">
	<html>		<html>
Line 115:		Line 120:

	==== Contoh ====		==== Contoh ====

	<syntaxhighlight lang="html" line="1">		<syntaxhighlight lang="html" line="1">
	html>		html>

Kangtain: /* Heading */

2022-11-17T06:38:50Z

Heading

← Older revision		Revision as of 13:38, 17 November 2022
Line 129:		Line 129:
	</body>		</body>
	</html>		</html>
	</syntaxhighlight>{{DISPLAYTITLE:HTML}}		</syntaxhighlight>

			== Source ==

			* [https://developer.mozilla.org/en-US/docs/Web/HTML mozilla.org]{{DISPLAYTITLE:HTML}}
	[[Category:Mapel]]		[[Category:Mapel]]
	[[Category:Matkul]]		[[Category:Matkul]]
	[[Category:Pemrograman Web]]		[[Category:Pemrograman Web]]

Kangtain: /* Contoh */

2022-11-15T12:10:15Z

Contoh

← Older revision		Revision as of 19:10, 15 November 2022
Line 132:		Line 132:
	[[Category:Mapel]]		[[Category:Mapel]]
	[[Category:Matkul]]		[[Category:Matkul]]
			[[Category:Pemrograman Web]]

Kangtain: /* Struktur Dokumen HTML */

2022-10-16T22:46:53Z

Struktur Dokumen HTML

← Older revision		Revision as of 05:46, 17 October 2022
Line 35:		Line 35:

	== Struktur Dokumen HTML ==		== Struktur Dokumen HTML ==
			[[File:Html web 1.png\|center\|thumb]]
			Elemen HTML Suatu elemen HTML terdiri tag-tag dan atributnya.

	{{DISPLAYTITLE:HTML}}		=== TAG ===
			Sewaktu browser menampilkan halaman web, browser akan membaca teks pada dokumen HTML dan mencari kode khusus yang disebut tag.

			Tag biasanya merupakan suatu pasangan tag awal <code>< … ></code> dan tag akhir <code></… ></code>

			Format umum <code><nama tag></code> teks yang ditampilkan <code></nama tag></code>

			Contoh : <syntaxhighlight lang="html">
			<HTML>

			……. Isi dokumen ….

			</HTML>
			</syntaxhighlight>

			=== Atribut ===
			Tag awal biasanya memiliki beberapa atribut yang menyatakan karakteristik tag tersebut.

			Misalnya : <syntaxhighlight lang="html">
			<P Align=“center”>
			</syntaxhighlight>'''Ket.:'''

			* digunakan untuk membuat paragraf rata tengah.
			* <code><nowiki><P></nowiki></code> = tag
			* <code>Align</code> = atribut
			* <code>center</code> = nilai dari atribut yang dipakai

			==== Contoh 1 ====
			<syntaxhighlight lang="html" line="1">
			<html>
			<head>
			<title>Contoh Dokumen HTML</title>
			</head>

			<body>

			Selamat Datang di Dunia HTML

			<hr>

			</body>
			</html>
			</syntaxhighlight>

			==== Contoh 2 ====
			<syntaxhighlight lang="html" line="1">
			<html>
			<head>
			<title>Contoh Sederhana Dokumen HTML</title>
			</head>

			<body bgcolor=lightgrey>

			Selamat Datang di Dunia HTML

			<hr>

			Dokumen HTML bisa menjadi satu halaman web yang terdiri dari <b>teks</b> dan <i>link</i> dalam satu halaman.
			Bisa juga halaman web yang sangat komplek dengan 10000 halaman.

			<p>
			Dalam pertemuan ini anda akan menjelajahi dunia HTML, dengan denikian, anda bisa membuat dokumen HTML seperti yang anda inginkan.
			</p>
			</body>
			</html>
			</syntaxhighlight>

			== Heading ==
			Heading adalah sekumpulan kata atau frasa yang menjadi judul atau subjudul dalam suatu dokumen HTML.

			HTML menyediakan 6 tingkat heading.

			Untuk menyatakan heading digunakan tag <code><Hx></code> dimana x adalah nomor level heading dari 1 – 6.

			Pemakaian heading diawali dengan tag <code><Hx></code> dan diakhiri dengan tag <code></Hx></code>

			==== Contoh ====
			<syntaxhighlight lang="html" line="1">
			html>
			<head>
			<title>Document</title>
			</head>
			<body>
			<h1>Heading one</h1>
			<h2>Heading Two</h2>
			<h3>Heading Three</h3>
			<h4>Heading Four</h4>
			<h5>Heading Five</h5>
			<h6>heading Six</h6>
			</body>
			</html>
			</syntaxhighlight>{{DISPLAYTITLE:HTML}}
			[[Category:Mapel]]
			[[Category:Matkul]]

Kangtain at 11:38, 15 October 2022

2022-10-15T11:38:49Z

← Older revision		Revision as of 18:38, 15 October 2022
Line 35:		Line 35:

	== Struktur Dokumen HTML ==		== Struktur Dokumen HTML ==

			{{DISPLAYTITLE:HTML}}

Kangtain: Created page with "'''HTML''' (''HyperText Markup Language'') == World Wide Web == Internet merupakan penghubung jaringan di seluruh dunia. Agar antar jaringan yang beraneka ragam di seluruh dunia bisa berkomunikasi diperlukan protokol. WWW merupakan bagian Internet yang sangat berkembang Tiga Prinsip kerja WWW: * HTTP = protokol utk WWW * URL = standart alamat internet * HTML = dokumen yg bisa diakses melalui web. == HTML == '''HTML''' atau ''HyperText MarkUp Language a''dalah suatu f..."

2022-10-15T11:36:55Z

Created page with "'''HTML''' (''HyperText Markup Language'') == World Wide Web == Internet merupakan penghubung jaringan di seluruh dunia. Agar antar jaringan yang beraneka ragam di seluruh dunia bisa berkomunikasi diperlukan protokol. WWW merupakan bagian Internet yang sangat berkembang Tiga Prinsip kerja WWW: * HTTP = protokol utk WWW * URL = standart alamat internet * HTML = dokumen yg bisa diakses melalui web. == HTML == '''HTML''' atau ''HyperText MarkUp Language a''dalah suatu f..."

New page

'''HTML''' (''HyperText Markup Language'')

== World Wide Web ==
Internet merupakan penghubung jaringan di seluruh dunia. Agar antar jaringan yang beraneka ragam di seluruh dunia bisa berkomunikasi diperlukan protokol. WWW merupakan bagian Internet yang sangat berkembang

Tiga Prinsip kerja WWW:

* HTTP = protokol utk WWW
* URL = standart alamat internet
* HTML = dokumen yg bisa diakses melalui web.

== HTML ==
'''HTML''' atau ''HyperText MarkUp Language a''dalah suatu format data yang digunakan untuk membuat dokumen hypertext yang dapat dibaca dari satu platform komputer ke platform komputer lain tanpa perlu melakukan perubahan apapun. Disebut markup language karena mengandung tanda –tanda tertentu yang digunakan untuk menentukan tampilan suatu teks dan tingkat suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen.

Dengan HTML dapat menentukan baris mana yang yang merupakan judul, menentukan tampilan gambar dan format teks lain.

== Fungsi HTML ==

* Mengontrol tampilan dan isi Web Page
* Mempublikasikan dokumen ke internet
* Membuat online form
* Menambah object image, audio dan video

== Apa yg dibutuhkan ? ==

=== Browser ===
Software utk menerjemahkan tag HTML menjadi Web Page.

Mis : Internet Explorer, Opera, Mozilla Firefox, Netscape Navigator dll.

=== Editor ===
Software utk membuat dokumen HTML

Mis : Notepad, Ms. Front Page, DreamWeaver

== Struktur Dokumen HTML ==