html

Diposting oleh my world my heaven on Senin, 22 Agustus 2011

What is HTML?


 HTML merupakan suatu bahasa yang digunakan
untuk mendeskripsikan web pages.
 HTML singkatan dari Hyper Text Markup Language

 HTML bukanlah programming language, tetapi merupakan suatu markup language
 Suatu markup language merupakan serangkaian
markup tags

 HTML menggunakan markup tags untuk mendeskripsikan web pages

HTML Tags


 HTML markup tags seringkali disebut HTML
tags

 HTML tags merupakan keywords yang dilingkupi dengan angle brackets seperti
 HTML tags biasanya come in pairs seperti dan


 Tag yang pertama dalam satu rangkaian menunjukkan start tag, tag yang kedua merupakan end tag
 Start tag dan end tags biasa juga disebut opening
tags dan closing tags




HTML Documents = Web Pages


 HTML documents describe web pages

 HTML documents contain HTML tags dan plain text

 HTML documents juga disebut web pages

 Tujuan dari suatu web browser (mis. Internet Explorer, Firefox, Opera, dll) adalah untuk membaca HTML documents dan menampilkannya sebagai web pages. Browser tidak akan menampilkan HTML tags, melainkan menggunakan tags untuk menginterpretasikan content dari pages:
<html>
<body>


<h1>My first heading1</h1>


<p>My first paragraph</p>


</body>
</html>
Praktikum


 Tiap student buat folder atas nama sendiri di:

C:\My Documents\... [isi nama]

 Buka salah satu text editor: Notepad

 Tuliskan HTML tags pada Notepad

 Save dengan nama: first.html, mis: firstbayu.html

 Klik file firstbayu.html dan akan tampil HTML tags yang telah diinterpretasikan oleh web browser (Internet Explorer)
Praktikum – HTML Tags [1]
<html>
<body>



<h1>My first heading1</h1>



<p>My first paragraph.</p>




</body>

</html>

Praktikum – HTML Tags [2]


HTML Headings

 HTML headings are defined with the

to

tags.

 Example
<h1>This is a heading1</h1>
<h2>This is a heading2</h2>
<h3>This is a heading3</h3>

HTML Paragraphs

 HTML paragraphs are defined with the

tag.

 Example

<p>This is a paragraph</p>
<p>This is another paragraph</p>

Praktikum – HTML Tags [3]


HTML Links

 HTML links are defined with the tag.

 Example

<a href="http://www.w3schools.com">This is a link</a>

HTML Images

 HTML images are defined with the tag.

 Example
<img src="w3schools.jpg" width="104" height="142" />


{ 0 komentar... read them below or add one }

Posting Komentar