Suatu objek yang dipakai pada HTML untuk melompat dari satu dokumen ke dokumen yang lain disebut

HTML (HyperText Markup Language) adalah suatu bahasa yang menggunakan tanda-tanda tertentu (tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan secara benar.

Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web.

Fungsi HTML yang lebih spesifik yaitu :

  1. Membuat halaman web.
  2. Menampilkan berbagai informasi di dalam sebuah browser Internet.
  3. Membuat link menuju halaman web lain dengan kode tertentu (hypertext).

Hasilnya:

Embed Youtube:

<div align=”center”><iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/n5vjCqnVb6s” frameborder=”0″ allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>

</div>

HASILNYA:

Pengaturan Frame Tag:

<frameset> … </frameset> Define the set of Frames
<frameset> Tag Attributes:
rows=”??,??, …” Define row sizes & number of rows (size in pixels or %)
cols=”??,??, …” Define column sizes & number of columns (size in pixels or %)
noresize=”noresize” User cannot resize any frames in frameset
<frame> … </frame> Define a frame within the frameset
<frame> Tag Attributes:
src=”url” Location of HTML File for a frame
name=”***” Unique name of frame window
marginwidth=”?” Horizontal margin spacing inside frame (pixels)
marginheight=”?” Vertical margin spacing inside frame (pixels)
noresize=”noresize” Declare all frameset sizes as fixed
scrolling=”***” Can the user scroll inside the frame: yes, no, auto
frameborder=”?” Frame Border: (1=yes, 2=no)
bordercolor=”#??????” Border Colour
<noframes> … </noframes> Unframed content (for browsers not supporting frames)

Contoh:

<frameset cols="25%,*,35%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset>

Hasilnya:

Frames
Suatu objek yang dipakai pada HTML untuk melompat dari satu dokumen ke dokumen yang lain disebut
 Help | Top 
Suatu objek yang dipakai pada HTML untuk melompat dari satu dokumen ke dokumen yang lain disebut
<frameset> … </frameset> Define the set of Frames
<frameset> Tag Attributes:
rows=”??,??, …” Define row sizes & number of rows (size in pixels or %)
cols=”??,??, …” Define column sizes & number of columns (size in pixels or %)
noresize=”noresize” User cannot resize any frames in frameset
<frame> … </frame> Define a frame within the frameset
<frame> Tag Attributes:
src=”url” Location of HTML File for a frame
name=”***” Unique name of frame window
marginwidth=”?” Horizontal margin spacing inside frame (pixels)
marginheight=”?” Vertical margin spacing inside frame (pixels)
noresize=”noresize” Declare all frameset sizes as fixed
scrolling=”***” Can the user scroll inside the frame: yes, no, auto
frameborder=”?” Frame Border: (1=yes, 2=no)
bordercolor=”#??????” Border Colour (*)
<noframes> … </noframes> Unframed content (for browsers not supporting frames)

Forms
Suatu objek yang dipakai pada HTML untuk melompat dari satu dokumen ke dokumen yang lain disebut
 Help | Top 
Suatu objek yang dipakai pada HTML untuk melompat dari satu dokumen ke dokumen yang lain disebut
<form> … </form> Form input group decleration
<form> Tag Attributes:
action=”url” URL of Form Script
method=”***” Method of Form: get, post
enctype=”***” For File Upload: enctype="multipart/form-data"
<input> … </input> Input field within form
<input> Tag Attributes:
type=”***” Input Field Type: text, password, checkbox, submit etc.
name=”***” Form Field Name (for form processing script)
value=”***” Value of Input Field
size=”***” Field Size
maxlength=”?” Maximum Length of Input Field Data
checked Mark selected field in radio button group or checkbox
<select> … </select> Select options from drop down list
<select> Tag Attributes:
name=”***” Drop Down Combo-Box Name (for form processing script)
size=”?” Number of selectable options
multiple Allow multiple selections
<option> … </option> Option (item) within drop down list
<option> Tag Attributes:
value=”***” Option Value
selected Set option as default selected option
<textarea> … </textarea> Large area for text input
<textarea> Tag Attributes:
name=”***” Text Area Name (for form processing script)
rows=”?” Number of rows of text shown
cols=”?” Number of columns (characters per rows)
wrap=”***” Word Wrapping: off, hard, soft

Special Characters
Suatu objek yang dipakai pada HTML untuk melompat dari satu dokumen ke dokumen yang lain disebut
 Help | Top 
Suatu objek yang dipakai pada HTML untuk melompat dari satu dokumen ke dokumen yang lain disebut
&lt; < – Less-Than Symbol
&gt; > – Greater-Than Symbol
&amp; & – Ampersand, or ‘and’ sign
&quot;  – Quotation Mark
&copy; © – Copyright Symbol
&trade;  – Trademark Symbol
&nbsp; – A space (non-breaking space)
&#??; ISO 8859-1 character – replace ?? with the iso code

Suatu objek yang dipakai pada HTML untuk melompat dari satu dokumen ke dokumen yang lain disebut
 Help | Top 
Suatu objek yang dipakai pada HTML untuk melompat dari satu dokumen ke dokumen yang lain disebut
<!– … –> Comment within HTML source code
<!DOCTYPE html … > Document Type Definition (wiki)
<meta> … </meta> META information tag
<meta> Tag Attributes:
name=”***” Meta name: description, keywords, author
http-equiv=”***” HTTP Equivalent Info: title, etc.
content=”***” Information content
<link> LINK content relationship tag
<link> Tag Attributes:
rel=”***” Type of forward relationship
http=”url“ Location (URL) of object or file being linked
type=”***” Type of object or file, eg: text/css
title=”***” Link title (optional)

Body Background & Colours
Suatu objek yang dipakai pada HTML untuk melompat dari satu dokumen ke dokumen yang lain disebut
 Help | Top 
Suatu objek yang dipakai pada HTML untuk melompat dari satu dokumen ke dokumen yang lain disebut
<body> Tag Attributes:
background=”url“ Background Image (*)
bgcolor=”#??????” Background Colour (*)
text=”#??????” Document Text Colour (*)
link=”#??????” Link Colour (*)
vlink=”#??????” Visited Link Colour (*)
alink=”#??????” Active Link Colour (*)
bgproperties=”fixed” Background Properties – “Fixed” = non-scrolling watermark (*)
leftmargin=”?” Side Margin Size in Pixels (Internet Explorer) (*)
topmargin=”?” Top Margin Size in Pixels (Internet Explorer) (*)

Tags marked with (*) should still work, but have been superseeded by Cascading Style Sheets (CSS), which is now the recommended way to change the font, colour, spacing, border or alignment of HTML elements.


Last modified: Monday, 14 June 2021, 8:00 AM