/ / BELAJAR HTML DAN CSS

BELAJAR HTML DAN CSS

May 09, 2017 Edit

Dasar-Dasar Membuat Web Html



HTML adalah singkatan dari HyperText Markup Language. Ini adalah bahasa pemrograman tingkat tinggi. Bahkan cukup tinggi sehingga mudah dipelajari oleh mereka yang awam sekalipun. Apabila anda memakai aplikasi pengolah kata jaman dahulu seperti WordStar atau WS, maka anda akan sangat mudah memahami bahasa HTML ini.

Sebelum masuk ke dalam kode, kita akan melihat kembali perbedaan antara HTML dan CSS:
  • HTML merupakan bahasa penanda yang digunakan untuk memberikan konten (teks) struktur dan makna semantik.
  • CSS adalah bahasa yang digunakan untuk memberikan konten gaya penampilan yang bagus.
Contoh sederhananya, sebuah paragraf teks direpresentasikan dengan penanda lstinline{p} pada HTML. Memberikan penanda lstinline{p} pada konten dalam HTML berarti menandakan konten tersebut berada di dalam sebuah paragraf. CSS kemudian digunakan untuk menentukan ukuran teks, warna teks, spasi, dan berbagai gaya tampilan dari paragraf tersebut.

ELEMEN

Elemen HTML merupakan komponen yang menetapkan peran sebuah objek dalam dokumen, termasuk struktur dan konten dari objek tersebut. Elemen-elemen populer lain dalam HTML misalnya a, h1, div, span, em, ataupun strong.

TAG

Sebuah elemen biasanya direpresentasikan oleh tag. Tag pembuka menandakan elemen tersebut dimulai, dan tag penutup menandakan akhir dari sebuah elemen. Tag pembuka direpresentasikan dengan nama elemen yang diapit simbol “<>”, contohnya <a>. Tag penutup dituliskan dengan menambahkan garis miring (“/”) setelah simbol “<”. Misalnya, tag penutup untuk elemen a adalah </a>.
Cth : <a> saya anak yang rajin menabung </a>

Langkah Membuat WEB dengan HTML Bagi Pemula

  1. Membuka notepad 
  2. Mengetik syntax/sintak
Berikut adalah syntax dasar membentuk html :
  • pertama ketik : <html>
  • lalu tekan enter, kemudian ketik : <head>
  • Dalam container head, kita bisa mengetikan beberapa sintak, tapi yang paling penting jangan lupa mengetikan sintak <title> judul halaman web </title>. Untuk sintak lain nanti saja. Lalu ketik syintax title seperti ini : <head> <title> judul halaman web </title> </head>
  • Kemudan ketik body, body merupakan inti dari web yang akan kita bikin, jika kita membuat pembuka body <body> , maka harus ada penutupnya </body>.
  • Setelah membuat body maka tampilan scrip sementara adalah :
<html>
<head>
<title> judul halaman web </title>
</head>
<body>
</body>
  • Selanjutnya, untuk menampilkan teks dalam html adalah dengan mengetikkan tek pada tag body.
  • Jika sudah mengetikan teks, maka tambahkan tag </html>, maka hasil script nya menjadi :
<html>
<head>
<title> judul halaman web </title>
</head>
<body>
Aku Adalah Anak Yang Rajin Menabung Dan Sangat Pintar
</body>
</html>
  • Jika sudah, maka save dengan nama dasarHTML, dan ubah Save As Type (yg berada dikotak dibawah tempat kita menulis nama file) dengan all files, Lalu berikan ekstensi pada nama file dgn menambahkan .html, Contoh : dasarHTML.html
  • Selesai


Share on Google Plus

About Unknown

0 comments:

Post a Comment

Subscribe to: Post Comments ( Atom )