Dasar Membuat Web dengan HTML

Dasar Membuat Web dengan HTML

Dasar Membuat Web dengan HTML

Hallo para pembaca sekalian, pernahkah anda melihat sebuah web yang bagus dan menarik tampilannya? Jika sudah pernah, terpikirkah oleh anda bagaimana cara membuat web-web seperti itu? Pada kesempatan ini saya akan sedikit membahas dasar-dasar pembuatan web berbasis HTML.

Seperti yang kita ketahui, selain dengan HTML, kita juga bisa menggunakan macromedia dreamweaver, PHP dll. Saya memilih menggunakan HTML dikarenakan kita tidak perlu menginstal suatu bermacam-macam software tetapi kita hanya menggunakan Notepad dan sebuah browser entah itu google, mozilla ataupun internet explorer.

Tidak perlu berlama-lama mari kita mulai dasar-dasar pembuatan web. Dalam HTML kita bagi menjadi 3 struktur dasar yaitu <html>, <head>, <body> :

<html>

<head>

   ======>……………                                 diisi untuk judul pada website

</head>

<body>

   ======>……………                                 diisi oleh suatu informasi yang akan ditampilkan

</body>

</html>

Jangan lupa kesemua struktur dasar tersebut harus diakhiri dengan nama struktur itu sendiri seperti contoh diatas.

Didalam HTML terdapat sintaks pengeditan suatu kalimat yaitu:

<h1>                            :  ukuran kalimat paling besar

<h2>                            :  ukuran sedang

<h3>                            :  ukuran kecil

<p>                              :  untuk membuat paragraf baru

<br>                            :  untuk membuat baris baru

<align =”center”>       :  membuat rata tengah, bisa kita ganti left atau right

<font color>               :  memberikan warna pada kata

<hr width=…. align=…… size=… color=”…”>  : membuat ukuran,tebal & warna pada garis

<i>,<b>,<u>                :  untuk memiringkan, menebalkan & garis bawah kalimat

Patut diingat semua sintaks diatas harus diakhiri dengan sintaks itu sendiri dan hanya sintaks yang harus didalam tanda <> sedangkan kalimat / kata tidak.

CONTOH SINTAKS HTML :

<html>

<head>

<title> My first Website </title>

<head>

<body>

<br><h1 align=”center”><font color=”blue”>| Belajar Dasar-Dasar Website |</font></h1>

<hr width=100% align=center size=5% color=”brown”>

<h2> HALLLO SELAMAT DATANG </h2>

<br><b>Ini adalah contoh cetak tebal</b>

<br><i>Ini adalah contoh cetak miring</i>

<br><u>Ini adalah contoh garis bawah</u>

<h3><u>BIODATA</u></h3>

<p> Nama  : Agus Sulaiman

<br>Kelas : 2KA22

<br>NPM   : 10112400 </p>

</body>

</html>

Sumber : https://downloadapk.co.id/

Posted on: September 12, 2019, by : 9faxj