content display

HTML Link

berdasarkan cara aksesnya:

absolute path link
akses link secara lokal (pengertian lokal disini, lokal dalam satu server)
relative path link
akses link secara global

anchor

text merupakan text dari link itu sendiri. Contohnya text “Download” yang merupakan link download, text “Download” tersebut dinamakan sebagai anchor text.

tag link

tag yang digunakan untuk menyatakan sebuah link adalah <a> dan di akhiri dengan </a>

atribut pada tag link/a

href: menyatakan tujuan link , diambil dari kata refrence atau merefrensikan
title: membuat judul dari link
name: memberikan nama pada link
id: berfungsi sama dengan attribut name

membuat link yang menuju ke halaman sama,
how?
1. berikan #nama_tujuan pada atribut href
2. berikan tag nama atau id pada tujuan
contoh:
<a href=index.html#paling_bawah>menuju ke bawah</a>
permisalahn,link yang akan dituju diletakkan paling bawah

<a id="#paling_bawah">text ini terletak paling bawah</a>
atau dapat juga menggunakan tag div dengan attribut id

HTML Frames

pada umumnya terletak di head, dan tidak boleh pada body
tag yang digunakan adalah tag <frameset> isi frame </frameset>
tag frameset memiliki attribute rows (menentukan perbandingan dan banyaknya baris) dan cols (menentukan perbandingan dan banyaknya kolom)
isi dari frameset adalah tag frame, dengan syntax <frame>
tag frame memiliki atribut src, sama seperti atribut src lainnya, <frame src="contoh.html"> digunakan untuk menampilkan contoh.html pada frame
contoh:
<frameset rows="2,2" cols="2,2">
<frame src="http://www.google.com">
<frame src="http://www.friendster.com">
<frame src="http://www.facebook.com">
<frame src="http://www.twitter.com">
</frameset>

code di atas akan menghasilkan empat jendela frame,
rows 1,1 berarti menampilakan 2 baris frame, dengan perbandingan baris 1 dan 2 50:50
bagaimana dengan rows 2,4,6??
browser akan dibagi 3 bagian dengan perbandingan 1:2:3
value dari rows dan cols tidak terbatas pada angka saja, dapat juga berupa persentase, px(pixel) atau pt(point)

frame src tidak hanya saja dapat memanggil atau menampilkan halaman html, dapat pula berupa gambar, jpg/png, dll

HTML Forms

form dibentuk dengan menggunakan pasangan tag

. Setiap elemen FORM harus mempunyai 2 buah atribut METHOD dan ACTION.

ACTION adalah URL dari script yang dipanggil oleh form tersebut

Method adalah cara mengirimkan data yang dimasukan pembaca ke web server. Form ini mempunyai dua metode yaitu GET dan POST.

Metode GET Adalah mengirimkan data pada server dengan cara meletakkannya pada bagian akhir URL.
<form action = “Proses.php” method = “GET”>
……………
……………
</form>
Metode POST Adalah mengirim seluruh data dari form yang terpisah dari URL
<form action = “Proses.php” method = “POST”>
……………
……………
</form>

<Form> Defines an HTML form for user input
<input> Defines an input control
<textarea> Defines a multi-line text input control
<select> Defines a select list (drop-down list)
<option> Defines an option in a select list
<button> Defines a push button

HTML Input

HTML Scripting

The <script> tag is used to define a client-side script, such as a JavaScript.

The script element either contains scripting statements or it points to an external script file through the src attribute.

Common uses for JavaScript are image manipulation, form validation, and dynamic changes of content.

<script type="text/javascript"> document.write("Hello World!") </script>

The <noscript> tag is used to provide an alternate content for users that have disabled scripts in their browser or have a browser that doesn’t support client-side scripting.

The noscript element can contain all the elements that you can find inside the body element of a normal HTML page.

The content inside the noscript element will only be displayed if scripts are not supported, or are disabled in the user’s browser:

<script type="text/javascript"> document.write("Hello World!") </script> <noscript>Sorry, your browser does not support JavaScript!</noscript>

<script> Defines a client-side script
<noscript> Defines an alternate content for users that do not support client-side scripts