Belajar bahasa HTML dan CSS [Pembahasan HTML, CSS buat para agan yang bingung]

Beranda
Komunitas
Tech
Programmer Forum
Belajar bahasa HTML dan CSS [Pembahasan HTML, CSS buat para agan yang bingung]

11587455

03-10-2016 16:27

Belajar bahasa HTML dan CSS [Pembahasan HTML, CSS buat para agan yang bingung]

Yap malam gan, bertemu lagi dengan ane emoticon-Ngakak

kenal ajah kaga

malam - malam gini lagi galau nya ane, ane mau ngasih ilmu ane tentang HTML, tapi ini yang ane tau saja ok karena ane belajar sendiri merantau dari web 1 ke web lainnya selama 1 tahun dan dah 4 tahun yang lalu pas ane kelas 1 smk belajar HTML hahah karena ane dari SMK mesin industri jadi agak lama belajar nya alias banyak gak mudeng emoticon-Ngakak

.
Ane juga sering liat thread yang membuat belajar HTML ada yang course ada yang ngalihin juga ke web nya, ane disini akan buat di forum ini tanpa ngeredirect ke website lain, biar enak tanya jawab nya dan siapa tau para mastah juga bisa ada yang jawab emoticon-Ngakak

ok penjalasan HTML akan di jelas kan oleh om Wiki ini penjelasan nya di buat spoiler biar gak panjang :

Spoiler for html kata om wiki:

Hyper Text Markup Language(HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).

ok begitulah penjelan dari om Wiki, disini ane akan langsun ajah ngajarin yah tapi dengan cara ane sendiri, karena ane belajar HTML menurut yang ane ngerti atau dengan cara yang ane pahami.

1. HTML

Spoiler for att html dan lain2:

penjelasan ini dari w3schools.com cuman ane akan jelasin dengan bahasa indonesia, dan mudah agan mengerti
1. HTML ELEMENTS / Element dari si HTML

Spoiler for element html:

Html element itu terdiri dari awal tag atau akhir tag, tag itu apa ? tag itu seperti ini <tag>dan yang di maksud dari awal tag dan akhir tag adalah seperti ini <tag> ini awal yah dan ini akhir nya </tag> akhir tag selalu seperti ini </>

contoh : kita akan menuliskan "Aku sayang kamu" dengan tag 

Code:

<p>Aku sayang kamu</p>

nah itulah html element dimana tag selalu ada awal dan akhir seperti membuat surat dimana ada sebuah kalimat awal pasti ada kalimat penutup nya emoticon-Ngakak

2. HTML ATT/ atributes html

Spoiler for att html:

ok html itu juga ada atributes apa sih itu atributes ? attributes adalah informasi mengenai HTML elements
semua HTML elements bisa menggunakan atributes, contoh :

<body style="background:#000;">

Code:



kode [B]style="background:#000;"[/B] ini adalah atribute nya, ini list daftar attributes kata si w3schools

alt = Menampilkan teks alternatif untuk gambar, ketika gambar tidak dapat ditampilkan
disabled = Menentukan element input di disabled
href = Menentukan URL atau alamat website untuk sebuah link
id = Mentukan id unik untuk element html
src = Menampilkan sumber file dari URL atau alamat website biasa nya gambar, lagu, video
style = Menentukan CSS 1 baris dengan element html seperti ini <body style="background:#000;">
title = Informasi tambahan untuk element htrml dimana title sebagai tooltop
class termasuk gak yah ? haha termasuk kok, cuman penjelasan nya sama kayak id jadi gak usah ane jelasin lagi emoticon-Ngakak

3. HTML HEADING / kepala html maksud nya ngasih kepala

Spoiler for html heading:

HTML heading di tetapkan dengan h1 - h6, kayak di artikel blog pernah coba inspect element pada tiap judul posting ? rata - rata menggunakan h1 - h6kan ? nah ini yang dinamakan HTML heading.

Dan h1 - h6 ini memiliki ukuran yang berbeda h1 itu huruf nya besar makin naik itu h contoh h6 maka tulisan nya kecil gan, ok agan coba ajah tulis ini code di notepad atau dimana saja yang penting text editor

Code:

<html>

<head>

 <title>Percobaan h1 sampai h6</title>

</head>

<body>



<h1>Belajar HTML</h1>

<h2>Belajar HTML</h2>

<h3>Belajar HTML</h3>

<h4>Belajar HTML</h4>

<h5>Belajar HTML</h5>

<h6>Belajar HTML</h6>



</body

</html>

Kalo agan dah tulis simpen di desktop trus namain contoh.htmltrus save, dan bukan file contoh.html tadi di browser agan dan liat perbedaan ukuran tulisan "Belajar HTML" dengan tag h1 - h6

4. HTML PARAGRAPHS atau paragraf html

Spoiler for element:

paragraf di html kita menulis dengan element jika kita menulis kata dengan element  maka tiap kita akhiri dengan  maka akan menjadi paragraf

ok ini kode contoh nya agan bisa langsung ajah cek code nya ini di coba yah :

Code:



<html>

<head>

 <title>Percobaan h1 sampai h6</title>

</head>

<body>



<p>Belajar HTML paragraf #1</p>

<p>Belajar HTML paragraf #2</p>

<p>Belajar HTML paragraf #3</p>

<p>Belajar HTML paragraf #4</p>

<p>Belajar HTML paragraf #5</p>



</body

</html>

coba save dan liat lagi code nya dengan browser agan, tiap kata yang kita buat dengan element akan membuat paragraf

ok gan ini belum selesai penjelasan html, HTML ane akan taro di page 1 kalo kurang muat ane taro page 2 juga besok akan ane tambahin lagi, dan juga ane bakal reserved untuk 6 post untuk melanjutkan tutorial nya semoga bermanfaat emoticon-Hai

Diubah oleh 11587455 03-10-2016 16:37

nona212 memberi reputasi

2.4K

Kutip

Balasan

Komentar yang asik ya

Urutan

Terbaru

Terlama

Komentar yang asik ya

Komunitas Pilihan