Belajar HTML dari
Nol: Pengenalan
Dasar HTML untuk
Pemula
01 MENGENAL HTML
HTML atau HyperText Markup Language merupakan sebuah bahasa
markah untuk membuat halaman web. 1
Paham kan maksudnya?
Kalau belum paham?
Jadi, HTML itu adalah sebuah bahasa yang menggunakan markup atau
penanda untuk membuat halaman web.
Penanda atau markup ini, nanti akan kita sebut dengan Tag.
HTML berperan untuk menentukan struktur konten dan tampilan dari
sebuah web
Kalau kita ibaratkan nih..
HTML itu seperti batu bata untuk membangun rumah. Batu bata ini dapat
disusun, hingga menjadi fondasi dasar.
Sejarah dan Asal-usul HTML
Cerita awal kemunculan HTML dimulai dari tahun 1980..Saat itu
seorang ilmuan bernama Tim Berners-Lee sedang bekerja di CERN.
CERN sendiri bukanlah perusahaan yang berkaitan tentang
teknologi maupun internet. CERN adalah singkatan dari bahasa
prancis: Conseil Européen pour la Recherche Nuclé[Link] peneliti
di CERN membutuhkan sebuah cara atau sistem agar bisa saling
berbagi dokumen hasil [Link] kemudian mencoba membuat
ENQUIRE. Ini adalah software hypertext yang akan digunakan
untuk berbagi [Link] di tahun 1989, Tim memperkenalkan
ide tentang hypertext berbasis internet. Ini nantinya akan menjadi
cikal-bakal [Link] kemudian memulai proyek baru dengan
rekannya Robert Cailliau yang merupakan system engineer di
CERN. Akan tetapi proyek ini tidak resmi diadopsi oleh CERN.
Tim Berners-Lee (kiri) dan Robert Cailliau
(kanan)
Pada akhir tahun 1991, Tim Berners-Lee menerbitkan dokumen yang berjudul:
“HTML Tags”.Dokumen ini berisi penjelasan tentang 18 tags awal yang menjadi
konsep dasar [Link] sebenarnya dirancang berdasarkan pada konsep
bahasa markup yang dikenal dengan SGML (Standard Generalized Markup
Language).SGML adalah sebuah standar internasional untuk membuat dokumen
dengan tanda (markup) seperti paragraf, list, heading, dan lain-lain.
Bisa dibilang..
HTML adalah implementasi dari SGML.
Kalau kita lihat, beberapa tag seperti <title>, <p>, <li>, dan <h1> sampai <h6>
berasal dari SGML. Namun, tidak semua yang ada di HTML berasal dari
[Link] satunya adalah Hyperlink, yang murni hasil pemikiran Tim Berners-
[Link] tentang HTML ini kemudian disebarkan ke dalam sebuah mailing list dan
segera menjadi perhatian berbagai ilmuwan komputer di seluruh dunia.
Perkembangan dan Versi HTML
HTML punya beberapa versi, dari versi yang paling tua hingga yang terbaru. Berikut ini
perkembangan versi HTML:
[Draft] HTML 1.0 (Juni 1993) adalah versi HTML pertama, namun tidak resmi dirilis;
HTML 2.0 (24 November 1995) adalah versi HTML kedua yang resmi pertamakali beredar
di pasaran dan dirilis oleh IETF;
[Draft] HTML 3.0 (28 Maret 1995) versi ini gagal beredar, karena banyak perubahan yang
memicu perdebatan;
HTML 3.2 (14 Januari 1997) versi resmi yang dirilis W3C pertamakali.
HTML 4.0 (24 April 1998) versi pengembangan dari yang seblumnya;
HTML 4.01 (24 Desember 1999) versi perbaikan dari HTML 4.0;
XHTML 1.0 (26 Januari 2000) pengembangan dari HTML 4.01 dengan mengadopsi XML;
XHTML 2.0 (Augustus 2002—Juli 2006) versi kedua dari XHTML;
HTML 5 (28 Oktober 2014) versi html saat ini.
Peralatan untuk Belajar HTML
1. Teks Editor untuk Menulis HTML
Teks editor akan kita gunakan untuk menulis kode-kode
HTML.
2. Web Browser untuk Membuka HTML
Web browser akan kita gunakan untuk membuka HTML.
Peralatan untuk Belajar HTML
1. Teks Editor untuk Menulis HTML
Teks editor akan kita gunakan untuk menulis kode-kode
HTML.
2. Web Browser untuk Membuka HTML
Web browser akan kita gunakan untuk membuka HTML.
Access modifiers
Private Protected Public
Mercury is the closest planet Venus has a beautiful name Despite being red, Mars is
to the Sun and the smallest and is the second planet from actually a cold place. It’s full
one of them all the Sun of iron oxide dust
Modifiers on some elements
Abstract Static
Mars is actually a very Neptune is the farthest
cold place planet from the Sun
Final Synchronized
Jupiter is the biggest Saturn is a gas giant and
planet of them all has several rings
What can be done with Java examples?
Big data AI Video game
Mercury is the closest Venus has a beautiful name Despite being red, Mars is
planet to the Sun and the and is the second planet actually a cold place. It’s
smallest one of them all from the Sun full of iron oxide dust
Recommendations
Mars Venus Neptune
Mars is actually a very Venus is the second Neptune is the farthest
cold place planet from the Sun planet from the Sun
Mercury Saturn Jupiter
Mercury is the closest Saturn is a gas giant and Jupiter is the biggest
planet to the Sun has several rings planet of them all
A picture always
reinforces
the concept
You can give a brief description of the
topic you want to talk about here. For
example, if you want to talk about
Mercury, you can say that it’s the smallest
planet in the entire Solar System
4,498,300,000
Big numbers catch your audience’s attention
9h 55m 23s
Jupiter’s rotation period
333,000
The Sun’s mass compared to Earth’s
386,000 km
Distance between Earth and the Moon
Awesome words
Class operations
Static void main(String[] args) {
int a=10; int sum=a+b;
int b=5; int subtract=a-b;
int multiplication=a*b;
int division =a/b;
[Link]("The sum of " + a + " plus " + b + " equals " + sum);
[Link]("Subtraction of " + a + " minus " + b + " equals " + subtraction);
[Link]("The multiplication of " + a + " by " + b + " is equal to " + multiplication);
[Link]("The division of " + a + " by " + b + " is equal to " + division);
Brainstorming and idea generation
A Abstract I Identifier Q -
B Block J Java R Reference
C Class K Keyword S Sandbox
D Default L Lexical T Thread
E Enum M Method U Unicode
F Field N Native V/W Variable
G Generic O Object X/Y XML
H Hexadecimal P Package Z -
Main topic and details
Java
Topic 1 Topic 2 Topic 3
Mercury is the closest planet to Despite being red, Mars is Venus has a very beautiful
the Sun and the smallest one in actually a cold place. It’s full name and is the second planet
the Solar System of iron oxide dust from the Sun
Simple data types
Tipo Size/Format Description
Byte 8-bit, 2's complement 1-byte integer
Short 16-bit, 2's complement Short integer
Int 32-bit, 2's complement Whole
Long 64-bit, 2's complement Longint
Float 32-bit, IEEE 754 Real simple precision
Double 64-bit, IEEE 754 True double precision
Char 16 bit character Simple character
Sequence
Start Declare variables Read data
Mercury is the closest planet Venus is the second planet Despite being red, Mars is
to the Sun from the Sun actually a cold place
Process Show End
Jupiter is the biggest planet Saturn is composed of Neptune is the farthest planet
of them all hydrogen and helium from the Sun
Classification
Sequence in Java
Arrays Collections Popular API
● Feature 1 ● Feature 1 ● Feature 1
● Feature 2 ● Feature 2 ● Feature 2
● Feature 3 ● Feature 3 ● Feature 3
● Feature 4 ● Feature 4 ● Feature 4
Mars is actually a very Venus has high Mercury is the
cold place temperatures smallest planet
Cause and effect
Abstract
Public The Moon is Earth’s only natural satellite
Static
Neptune is the farthest planet from the Sun
Modifiers
Final
Protected Saturn is composed of hydrogen and helium
Synchronized
Despite being red, Mars is a cold place
Question and answer
What are Java IDEs?
Is Mercury the closest planet to the Sun and the smallest one in
the Solar System? Note that it’s a bit larger than the Moon
Eclipse and NetBeans
Venus has a beautiful name and is the second planet from the
Sun. It’s hot and has a poisonous atmosphere
Timeline
Venus is the second planet Despite being red, Mars is
from the Sun a very cold place
Project start Prototype
Data analysis Feedback
Mercury is the closest Jupiter is the biggest
planet to the Sun planet of them all
Parts and whole
The whole object What would happen if the part was missing
Mercury is the closest planet to Venus has a beautiful name and is the second planet from the
the Sun and the smallest one in Sun. It’s terribly hot, even hotter than Mercury, and its
the entire Solar System atmosphere is extremely poisonous
Parts of the object What’s the function of the part?
● Mercury is very small Saturn is a gas giant and has several rings. It’s composed
● Venus is very hot mostly of hydrogen and helium. It was named after the
● We all live on Earth Roman god of wealth and agriculture
Evolution of the students
Venus
Venus is the second planet
from the Sun
Mercury
Mercury is the closest
planet to the Sun
Mars
Despite being red, Mars is
a very cold place
Follow the link in the graph to modify its data and then paste the new one here. For more info, click here
Most used programming languages
25% 50% 75%
HTML Python Java
Mercury is the closest Venus has a beautiful name Despite being red, Mars is
planet to the Sun and the and is the second planet actually a cold place. It’s
smallest of them all from the Sun full of iron oxide dust
Best centers
Venus
Venus is the second planet
from the Sun
Mercury
Mercury is the closest
planet to the Sun
Mars
Despite being red, Mars is
a very cold place
Mockups
You can replace the images on
the screen with your own work.
Just right-click on them and
select “Replace images”
Thanks!
Do you have any questions?
youremail@[Link]
+34 654 321 432
[Link]
CREDITS: This presentation template was created by Slidesgo, and includes
icons by Flaticon, and infographics & images by Freepik
Please keep this slide for attribution
Alternative resources
Here’s an assortment of alternative resources whose style fits the one of this template:
Vectors
● Creative computer microchip background
Resources
Did you like the resources on this template? Get them for free at our other websites:
Vectors
● Technology style brochure set
Photos
● Side view of man using smartphone
● Programming background with person working with codes on computer
● Side view of woman at home using headphones and tablet
● Medium shot man playing videogame
● Programming background with person working with codes on computer