MENGENAL HTML DAN CSS

0
181

HTML ( Hypertext Markup Language )

HTML yaitu sebuah bahasa pemograman yang digunakan untuk membuat halaman website. Aplikasi text editor yang biasanya digunakan oleh seorang programmer adalah Notepad++,Sublime,Atom, Dll.
Aplikasi text editor yang biasanya digunakan untuk pemula adalah notepad. 

Pemograman html berisi kode-kode file text dan di simpan dengan exstensi “*htm”atau “*html”

CSS ( Cascading Style Sheets )

Berfungsi untuk mempercantik website yang di buat oleh bahasa pemograman HTML.

Contoh  :

Cara membuat website sederhana melalui Aplikasi notepad

  1. Buka dahulu aplikasi notepad bawaan windows
  2. Lalu ketikan kode dibawah ini

<html>

<head>

            <title>Website Sederhana</title>

</head>

<body bgcolor=”black”>

<h1><font color=”yellow”><center>WEBSITE SEDERHANA

</font></h1></center>

<h2><font color=”red” face=”Lucida Calligraphy”>HTML</font></h2>

<p><font color=”red” face=”Lucida Calligraphy”>yaitu sebuah bahasa pemograman yang digunakan untuk membuat halaman website. Aplikasi text editor yang biasanya digunakan oleh seorang programmer adalah Notepad++,Sublime,Atom, Dll.

Aplikasi text editor yang biasanya digunakan untuk pemula adalah notepad. 

Pemograman html berisi kode-kode file text dan di simpan dengan exstensi “*htm”atau “*html”

</p></font>

</body>

</html>

  • Isikan nama file, setelah itu save

Contoh : website.html

  • Lalu buka di browser masing-masing mau dari google,firefox, dan lain-lain
  • Maka hasil nya seperti gambar berikut ini :

Cara Mempercantik website melalui CSS:

  1. Buka dahulu aplikasi notepad bawaan windows
  2. Lalu ketikan Bahasa Pemograman HTML

Dowloand Bahasa Pemograman HTML

  • Isikan nama file, setelah itu save

Contoh : website.html

  • Buka Notepad Lagi untuk membuat file CSS nya dengan ekstensi .CSS

Contoh : style1.css

Dowloand File CSS

  • Lalu buka di browser masing-masing mau dari google,firefox dan lain-lain

Maka Hasil nya seperti gambar dibawah ini

Hasil Desain Web Menggunakan CSS

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.