際際滷

際際滷Share a Scribd company logo
PENGENALAN
WEBSITE
BELAJAR BARENG
SERI FUNDAMENTAL WEBSITE
ARFIAN CAHYA DWI SETYA
Goals
 Memahami apa itu Website
 Memahami dasar-dasar
pembuatan website
 Memahami struktur dasar
dari dokumen HTML
Website
Sebuah kumpulan halaman pada suatu domain di
internet yang dibuat dengan tujuan tertentu dan
saling berhubungan serta dapat diakses secara
luas melalui halaman depan (home page)
menggunakan sebuah browser menggunakan URL
website.
Jenis-jenis Website
Website DinamisWebsite Statis
Part 1 - pengenalan website
Script Desain Website (Client Side)
HTML
JavascriptCSS
Part 1 - pengenalan website
KENALAN SAMA HTML
HTML
HTML merupakan singkatan dari HyperText Markup
Language adalah script untuk menyusun dokumen-
dokumen Web. Dokumen HTML disimpan dalam format
teks reguler dan mengandung tag-tag yang
memerintahkan web browser untuk mengeksekusi
perintah-perintah yang dispesifikasikan.
Struktur Dasar HTML
Definisi HTML5
Tag
Element
Atribut
Tag
Adalah teks khusus (markup) berupa dua karakter
"<" dan">", sebagai contoh <body> adalah tag
dengan nama body.Secara umum tag ditulis secara
berpasangan, yang terdiri atas tag pembuka dan
tag penutup (ditambahkankarakter "/" setelah
karakter "<"), sebagai contoh
<body>
ini adalah tag pembuka isi dokumen HTML, dan
</body>
ini adalah tag penutup isi dokumen HTML.
Element
Element terdiri atas tiga bagian, yaitu tag
pembuka, isi, dan tag penutup. Sebagai contoh
untuk menampilkan juduldokumen HTML pada web
browser digunakan element title, dimana:
<title> ini adalah tag pembuka judul dokumen HTML.
Welcome ini adalah isi judul dokumenHTML
</title> ini adalah tag penutup judul dokumen HTML
Attribute
Attribute mendefinisikan property dari suatu
element HTML, yang terdiri atas nama dan nilai.
Penulisannya adalah sebagai berikut:
Atribut rel berfungsi menentukan hubungan antara
dokumen saat ini dan dokumen / resource yang
ditautkan.
Atribut lainnya bisa dilihat di
https://www.w3schools.com/tags/att_link_rel.asp
Part 1 - pengenalan website
Part 1 - pengenalan website
Lets Code
Eitss tunggu dulu
Hello World
Bagian
<head>
 Judul halaman
<title></title>
 CSS
<style></style>
 Javascript
<script></script>
 Metadata
<meta></meta>
Bagian
<body>
 Teks
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <p>, .
 Pendukung teks
<br>, <hr>, <em>, <strong>, 
 Gambar
<img>
 Hyperlink
<a>
 List (bullets & numbering)
<ul>, <ol>, <li>, <dl>, <dt>, <dd>
 Table
<table>, <thead>, <tbody>, <tr>, <td>, .
 Form
<form>, <input>, <select>, <button>, 
 Script
<script>
 Object
<object> (tidak disarankan)
 Grouping
<div>, <span>
Part 1 - pengenalan website

More Related Content

Part 1 - pengenalan website

  • 1. PENGENALAN WEBSITE BELAJAR BARENG SERI FUNDAMENTAL WEBSITE ARFIAN CAHYA DWI SETYA
  • 2. Goals Memahami apa itu Website Memahami dasar-dasar pembuatan website Memahami struktur dasar dari dokumen HTML
  • 3. Website Sebuah kumpulan halaman pada suatu domain di internet yang dibuat dengan tujuan tertentu dan saling berhubungan serta dapat diakses secara luas melalui halaman depan (home page) menggunakan sebuah browser menggunakan URL website.
  • 6. Script Desain Website (Client Side) HTML JavascriptCSS
  • 9. HTML HTML merupakan singkatan dari HyperText Markup Language adalah script untuk menyusun dokumen- dokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan.
  • 10. Struktur Dasar HTML Definisi HTML5 Tag Element Atribut
  • 11. Tag Adalah teks khusus (markup) berupa dua karakter "<" dan">", sebagai contoh <body> adalah tag dengan nama body.Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkankarakter "/" setelah karakter "<"), sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML.
  • 12. Element Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan juduldokumen HTML pada web browser digunakan element title, dimana: <title> ini adalah tag pembuka judul dokumen HTML. Welcome ini adalah isi judul dokumenHTML </title> ini adalah tag penutup judul dokumen HTML
  • 13. Attribute Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut: Atribut rel berfungsi menentukan hubungan antara dokumen saat ini dan dokumen / resource yang ditautkan. Atribut lainnya bisa dilihat di https://www.w3schools.com/tags/att_link_rel.asp
  • 20. Judul halaman <title></title> CSS <style></style> Javascript <script></script> Metadata <meta></meta>
  • 22. Teks <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <p>, . Pendukung teks <br>, <hr>, <em>, <strong>, Gambar <img> Hyperlink <a> List (bullets & numbering) <ul>, <ol>, <li>, <dl>, <dt>, <dd>
  • 23. Table <table>, <thead>, <tbody>, <tr>, <td>, . Form <form>, <input>, <select>, <button>, Script <script> Object <object> (tidak disarankan) Grouping <div>, <span>