• RexDev Learn Web Design

  • Sinau WEb Design Bebarengan

  • #WEB_DESIGN

Saturday, 26 August 2017


Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web,mem 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. 

Dari pada ribet-ribet langsung aja kita belajar sciptnya :D memahami materi itu membosankan jadi kita langsung praktekin aja ya :D, tapi jangan lupa materi itu juga penting buat pengetahuan :D , oke langsung aja yang pertama kita akan membuat struktur dasarnya seperti di bawah ini .

1. Membuat Strukture HTML 

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Belajar HTML Dasar</title>
    </head>
        <body>
        <p>HELLO JOMBLO :D </p>       
    </body>    
</html>


buat yang newbie mungkin anaeh ya, jadi saya jelaskan walau nggk terlalu detail ya :D 

<!DOCTYPE html>  ====>>>>  ini merupakan tag untuk html5 

<html lang="en">     ====>>>> ini merupakan pembuka html , (lang="en") merupakan                                                              deskripsi kalo html menggunakan language="english" 
  <head>                  ====>>>> Merupakan tag untuk head(kepala dari website) 

        <title>Belajar HTML Dasar</title>   ====> kalo yang ini title untuk judul yang ada di                                                                                   atas URL Web

    </head>              ====>>>> Ini merupakan Penutup dari head 

        <body>           ====>>>> Ini merupakan tag untuk Body(tubuh Website)

        <p>HELLO JOMBLO :D </p>   ====>>> tag paragraf     

    </body>              ====>>>>  penutup tag body (tubuh web)

</html>                   ====>>>>  Penutup tag HTML

gimana udah pusing sama penjelasan yang nggk jelas wkwkwkwk  ya jadi itu tadi struktur dasar html , semua tag pada html memiliki tutup .
oke selanjutnya kita bahas tentang perlengkapan atau senjata unutk membuat website 
oke langsung aja ini dia Peralatannya :
              1. Niat 
              2. Laptop
              3. Text editor 
buat text editor nih saya kasih beberapa referensi buat text editornya:

    a. Brackets                                   nih link downloadnya        Download Brackets
    b. Notepad++                               nih link downloadnya        Download Notepad++
    b. Adobe Dreamweaver CS6       nih link downloadnya        Download Adobe 

Dreamweaver CS6

itu sedikit dari banyak text editor yang menurut saya terkenal kalo saya sendiri pertama belajar saya memakai notepad++ namun sekarang saya memakai Brackets karena lebih mudah dalam hal Design :D tapi kalo bisa semua itu lebih baik :D  smangat terus buat belajar websitenya ya Nih saya kasih link download buat materi html 

Download Materi Html..

Oya Guys Html itu termasuk bahasa markah dan bukan bahasa pemrogramman. Jangan sampai salah paham ama HTML ya GUys :V  jangan lupa comment ya buat perkembangan blog ini :D 


              






12 comments: