-->
Beranda / Arsip Produk June 2018
Cara membuat teks berjalan pada HTML
Lihat Detail

Cara membuat teks berjalan pada HTML

Hai SiiCoder fans, di post ini SiiCoder akan membahas bagaimana cara membuat tulisan / teks berjalan pada HTML. Mungkin bagi kalian yang baru masuk dunia web developer, masih sedikit bingung tentang ini.

Tag yang digunakan untuk membuat teks berjalan/bergerak adalah <marquee> yang ditutup dengan tag </marquee>. Tag ini memiliki beberapa atribut yaitu behavior, scrolldelay, scrollamount, direction dan lain-lain.

Dibawah ini merupakan script HTML teks bergerak menggunakan tag marquee tanpa atribut.


<html>
    <head>
          <title> SiiCoder.xyz </title>
    </head>
    <body>
          <marquee> Ini tulisan berjalan tanpa atribut </marquee>
     </body>
</html> 

Maka hasilnya akan seperti ini.

Ini tulisan berjalan tanpa atribut
Itu merupakan contoh penggunaan marquee tanpa atribut.

Dibawah ini adalah script marquee menggunakan atribut behavior. Atribut behavior memiliki 3 jenis yaitu scroll, slide, alternate.
Scroll yaitu agar teks berjalan terus ke satu sisi (sama seperti marquee tanpa atribut) .
Slide yaitu menjadikan gerakan teks tersendat-sendat
Alternate menjadikan gerakan teks bolak-balik memantul.
Dibawah ini adalah contoh scriptnya.
<html>
    <head>
          <title> SiiCoder.xyz </title>
    </head>
    <body>
          <marquee behavior="scroll"> Ini tulisan berjalan atribut behavior scroll </marquee>
           <marquee behavior="slide"> Ini tulisan berjalan atribut behavior slide </marquee>
            <marquee behavior="alternate"> Ini tulisan berjalan atribut behavior alternate </marquee>
     </body>
</html> 

Maka hasilnya akan seperti ini.

Ini tulisan berjalan atribut behavior scroll Ini tulisan berjalan atribut behavior slide Ini tulisan berjalan atribut behavior alternate

Selanjutnya atribut scrolldelay, scrolldelay berfungsi mengatur delay gerakan teks, semakin besar angka dimasukan maka semakin lambat gerakannya. Dibawah ini merupakan contoh script marquee dengan atribut scrolldelay.

<html>
    <head>
          <title> SiiCoder.xyz </title>
    </head>
    <body>
          <marquee scrolldelay="50"> Ini tulisan berjalan atribut scrolldelay 50 </marquee>
          <marquee scrolldelay="500"> Ini tulisan berjalan atribut scrolldelay 500 </marquee>
     </body>
</html> 

Maka hasilnya akan seperti ini.

Ini tulisan berjalan atribut scrolldelay 50 Ini tulisan berjalan atribut scrolldelay 500

Selanjutnya atribut scrollamount, scrollamount juga berfungsi mengatur kecepatan gerak teks, tetapi semakin besar angka yg dipakai, maka semakin cepat teks bergerak. Dibawah ini merupakan contoh script marquee atribut scrollamount .

<html>
    <head>
          <title> SiiCoder.xyz </title>
    </head>
    <body>
          <marquee scrolldelay="90"> Ini tulisan berjalan atribut scrollamount 90 </marquee>
          <marquee scrolldelay="50"> Ini tulisan berjalan atribut scrollamount 50 </marquee>
     </body>
</html> 

Maka hasilnya akan seperti ini.
Ini tulisan berjalan atribut scrollamount 90 Ini tulisan berjalan atribut scrollamount 50

Selanjutnya ada atribut direction, direction berfungsi untuk mengatur arah gerak teks. Atribut direction ada 4 jenis yaitu up, down, left, right. Dibawah ini merupakan contoh scriptnya.

<html>
    <head>
          <title> SiiCoder.xyz </title>
    </head>
    <body>
          <marquee direction="up"> Ini tulisan berjalan atribut direction up </marquee>
          <marquee direction="right"> Ini tulisan berjalan atribut direction right </marquee>
          <marquee direction="down"> Ini tulisan berjalan atribut direction down </marquee>
          <marquee direction="left"> Ini tulisan berjalan atribut direction left </marquee>
 u;    </body>
</html> 

Maka hasilnya akan seperti ini.
Ini tulisan berjalan atribut direction up Ini tulisan berjalan atribut direction right Ini tulisan berjalan atribut direction down Ini tulisan berjalan atribut direction left

Sekian tentang bagaimana cara membuat teks bergerak/berjalan pada HTML. Follow SiiCoder & Share It  :)
Cara membuat hyperlink pada HTML
Lihat Detail

Cara membuat hyperlink pada HTML

Hai SiiCoder fans, di post sebelumnya SiiCoder sudah membahas bagaimana cara mengatur warna, ukuran dan gaya huruf. Di post ini ,SiiCoder akan membahas bagaimana membuat hyperlink pada HTML.


Apa itu Hyperlink? 

Hyperlink yanh dikenal sebagai link yaitu berfungsi untuk menghubungkan antara satu dokumen dengan dokumen yang lain pada HTML. Tujuan hyperlink adalah membuat sebuah teks atau gambar, yang ketika di klik akan mengalihkan ke halaman tertentu yang sudah ditetapkan dalam penulisan hyperlink. 

Hyperlink sendiri ditulis menggunakan tag <a> dan ditutup dengan tag </a>  ,tag <a> selalu di ikuti oleh atribut href (hypertext reference) dimana  didalam href akan diisikan alamat/link yang dituju ketika teks atau gambar di klik. berikut cara penulisan hyperlink. 

<html>
    <head>
         <title> SiiCoder.xyz </title>
    </head>
    <body>
          <a href="http://www.siicoder.xyz"> Apabila di klik akan di alihkan ke http://www.siicoder.xyz</a>
     </body>
</html> 

Maka hasilnya akan seperti ini

Atribut href bisa kalian isi dengan link/alamat tujuan apabila teks tersebut di klik. kalian juga bisa mengatur warna huruf, size huruf dan gaya huruf. Dibawah ini merupakan contoh script hyperlink menggunakan style font.

<html>
    <head>
         <title> SiiCoder.xyz </title>
    </head>
    <body>
          <a href="http://www.siicoder.xyz"> <font face="courier" color="green">Apabila di klik akan di alihkan ke http://www.siicoder.xyz</font></a>
     </body>
</html> 

Maka hasilnya akan seperti ini.

Sekian pembahasan bagaimana cara membuat hyperlink pada HTML. Follow SiiCoder & Share it  :)
Cara mengganti gaya , size dan warna huruf pada HTML
Lihat Detail

Cara mengganti gaya , size dan warna huruf pada HTML

Hai SiiCoder fans,Di post sebelumnya SiiCoder sudah membahas bagaimana cara membuat paragraf pada HTML. Di post ini SiiCoder akan membahas bagaimana cara mengganti gaya huruf, size huruf dan warna huruf pada HTML.

Oke, ada 2 cara untuk mengganti gaya huruf, ukuran huruf dan  warna huruf yaitu melalui tag <style> CSS dan juga dengan tag <font> yang ditambahkan dengan atribut yang dibutuhkan.

Cara pertama yaitu dengan cara membuat script style css diantara tag <head> dan </head> , Dibawah ini adalah contoh scriptnya.
<html>
    <head>
         <title> SiiCoder.xyz </title>
         <style>
         body {
            font-family: Courier New; // Untuk gaya huruf
            font-size: 25px; // Untuk size huruf
            color: blue; // Untuk warna huruf
        }
          </style>
     </head>
     <body>
         Ini font Algerian dengan size 25px warna biru
     </body>
</html> 

Maka akan seperti ini hasilnya

Ini font Algerian dengan size 25px warna biru

Warna, ukuran dan juga gaya huruf bisa diganti sesuai dengan kebutuhan kalian.

Cara kedua yaitu menggunakan tag <font> serta menambahkan atributnya, atribut font yaitu size (ukuran) , color (warna) , face (gaya huruf). Dibawah ini merupakan contoh script menggunakan atribut tersebut.

<html>
    <head>
         <title> SiiCoder.xyz </title>
    </head>
    <body>
        <font face="courier" size="7" color="red "> Ini font Courier dengan size 7 warna merah </font>
    </body>
</html> 

Maka hasilnya akan seperti ini.

Ini font Courier dengan size 7 warna merah

face merupakan atribut font untuk mengubah gaya huruf yang kalian butuhkan, size merupakan atribut font untuk mengatur ukuran huruf, color merupakan atribut font yang berfungsi untuk mengatur warna pada huruf. Jadi, face, color, size pada script diatas, bisa kalian ganti menjadi apa yang kalian butuhkan.

Oke sekian tentang bagaimana cara mengganti size, gaya dan warna huruf pada HTML. Follow SiiCoder & Share it  :)
Membuat paragraf pada HTML
Lihat Detail

Membuat paragraf pada HTML

Hai , Di post ini SiiCoder akan membahas tentang bagaimana cara membuat paragraf pada html, sebelumnya kalian diharapkan sudah mengerti dan paham apa itu tag, element, atribut pada HTML, jika belum paham bisa dilihat pada post SiiCoder sebelumnya.

Paragraf disini merupakan suatu tag untuk membuat teks dalam bentuk pargraf. Tag paragraf dapat dikombinasi dengan 4 atribut yaitu:

  1. Membuat paragraf rata kiri menggunakan <p align="left"> Isi paragraf </p> 
  2. Membuat paragraf rata kanan menggunakan <p align="right"> Isi paragraf </p> 
  3. Membuat paragraf rata tengah menggunakan <p align="center"> Isi paragraf </p> 
  4. Membuat paragraf rata kiri dan kanan menggunakan <p align="justify"> Isi paragraf </p> 
Apabila kalian hanya menuliskan kode <p> saja tanpa atribut, maka akan di eksekusi default yaitu paragraf rata kiri.
Berikut ini adalah contoh script cara membuat paragraf.
<html>
    <head>
        <title> SiiCoder.xyz </title>
    </head>
    <body>
         <p> Ini paragraf default </p>
         <p align="left"> Ini paragraf rata kiri </p>
         <p align="right"> Ini paragraf rata kanan </p>
         <p align="center">Ini paragraf rata tengah </p>
         <p align="justify"> Ini paragraf rata kiri dan kanan </p>
     </body>
</html> 

Maka hasilnya akan seperti ini.

Ini paragraf default
Ini paragraf rata kiri
Ini paragraf rata kanan
Ini paragraf rata tengah
Ini paragraf rata kiri dan kanan

Oke sekian tentang bagaimana cara membuat paragraf pada HTML. Follow SiiCoder & Share It  :)
Cara mengganti warna background pada HTML
Lihat Detail

Cara mengganti warna background pada HTML

Hai, di post ini SiiCoder akan membahas bagaimana cara mengganti warna background pada html dengan mudah.


oke, background default yang akan dieksekusi oleh browser adalah warna putih, namun kalian dapat mengganti atau mengubah warna background tersebut sesuai kebutuhan kalian. Ada banyak cara untuk mengganti background pada html, tapi SiiCoder akan membahas 2 cara yang paling sering digunakan oleh SiiCoder.

Cara pertama dengan cara menambahkan element pada tag <body> menjadi <body bgcolor="warna">
Dibawah ini SiiCoder akan memberikan contoh scriptnya.
<html>
    <head>
        <title> SiiCoder.xyz </title>
    </head>
    <body bgcolor="red" >
      <h1> background warna merah </h1>
    </body>
</html> 

Maka hasilnya akan seperti ini

background warna merah


warna red bisa diganti menjadi warna yang kalian inginkan dengan menggunakan bahasa inggris atau pun dengan kode hex warnanya. jadi scriptnya <body bgcolor="warna kalian">.


Cara kedua yaitu menggunakan style css. tag style disimpan diantara <head> dan </head>. Dibawah ini SiiCoder akan memberikan contoh scriptnya.

<html>
    <head>
        <title> SiiCoder.xyz </title>
        <style>
           body {
              background: blue;
          }
        </style>
    </head>
    <body>
      <h1> background warna biru </h1>
    </body>
</html> 

Maka hasilnya akan seperti ini.

background warna biru


warna blue bisa kalian ganti menjadi warna yang kalian inginkan dengan menggunakan bahasa inggris atau kode hex warnanya.

Oke cukup sampai sini pembahasan cara mengganti background pada html. Follow SiiCoder & Share It  :)
Membuat font menjadi tebal pada HTML
Lihat Detail

Membuat font menjadi tebal pada HTML

Hai SiiCoder fans:v di post sebelumnya SiiCoder membahas tentang tag tag pada HTML beserta fungsinya. Di post ini SiiCoder akan membahas bagaimana cara membuat font tebal.


Oke langsung aja. . .

Cara membuat font menjadi tebal dapat menggunakan tag  <b> atau <strong>. Berikut ini merupakan contoh kode HTML untuk membuat font tebal.

<html> 
    <head>
         <title> SiiCoder. xyz </title>
    </head>
    <body>
        <b> Ini font tebal </b>
    </body>
</html> 

Maka hasilnya akan seperti ini

Ini font tebal

oke selanjutnya cara membuat font tebal menggunakan tag <strong>

<html> 
    <head>
         <title> SiiCoder. xyz </title>
    </head>
    <body>
        <strong> Ini font tebal menggunakan strong</strong>
    </body>
</html> 

Maka hasilnya akan seperti ini

Ini font tebal menggunakan strong

oke cukup sampai disini cara membuat font menjadi tebal versi SiiCoder hehe, Belajar pemrograman? SiiCoder ajaaaa. . .
Macam-macam tag pada HTML beserta fungsinya
Lihat Detail

Macam-macam tag pada HTML beserta fungsinya

Hai di post kali ini, SiiCoder mau bahas tentang tag tag pada html, oiya bukan ngetag mantan di fb ya:v Di post sebelumnya SiiCoder telah membahas apa itu tag, ada yang blum baca? Klik ini.


Tag pada HTML sangatlah banyak dan sangat penting dan wajib untuk kalian yang baru saja belajar di web programing atau disebut juga web developer. Bukan hanya tag nya saja yang perlu kalian ketahui, tetapi fungsi nya juga kalian harus tau ya . . .

Oke dibawah ini adalah Tag pada HTML


Nama TagKeterangan / Kegunaan
Basic
<!DOCTYPE>Tag untuk menentukan tipe dokumen
<html>Tag untuk membuat sebuah dokumen HTML
<title>Tag untuk membuat judul dari sebuah halaman
<body>Tag untuk membuat tubuh dari sebuah halaman
<h1> to <h6>Tag untuk membuat heading
<p>Tag untuk membuat paragraf
<br>Memasukan satu baris putus
<hr>Tag untuk membuat perubahan dasar kata didalam isi
<!--...-->Tag untuk membuat komentar
Formatting
<acronym>Tag untuk membuat sebuah akronim (tidak disupport lagi di HTML5)
<abbr>Tag untuk membuat sebuah singkatan
<address>Tag untuk membuat kontak alamat
<b>Tag untuk membuat huruf bercetak tebal
<bdi>Mengisolasi bagian dari teks yang dapat diformat dalam arah yang berbeda dari teks lain di luarnya (tag baru HTML5)
<bdo>Mengganti arah teks
<big>Tag untuk membuat text berhuruf besar (tidak disupport lagi di HTML5)
<blockquote>Tag untuk membuat sebuah bagian text yang dikutip dari sumber lain
<center>Tag untuk membuat jajaran teks menjadi ditengah (tidak disupport lagi di HTML5)
<cite>Tag untuk membuat judul karya
<code>Tag untuk membuat potongan kode komputer di antara text
<del>Tag untuk membuat teks yang telah dihapus dari dokumen
<dfn>Tag untuk membuat sebuah istilah definisi
<em>Tag untuk membuat penekanan teks (tidak disupport lagi di HTML5)
<font>Tag untuk membuat font, warna, dan ukuran untuk teks (tidak disupport lagi di HTML5)
<i>Tag untuk membuat sebuah bagian dari teks yang disesuaikan dengan mood
<ins>Tag untuk membuat teks yang telah dimasukkan ke dalam dokumen
<kbd>Tag untuk membuat input keyboard
<mark>Tag untuk membuat teks yang disorot / ditandai (tag baru HTML5)
<meter>Tag untuk membuat pengukuran skalar
<pre>Tag untuk membuat teks terformat
<progress>Memperlihatkan kemajuan tugas (tag baru HTML5)
<q>Tag untuk membuat kutipan pendek
<rp>Tag untuk membuat apa yang harus ditampilkan di browser yang tidak mendukung penjelasan ruby (tag baru HTML5)
<rt>Tag untuk membuat sebuah anotasi / pengucapan karakter (untuk tipografi Asia Timur)
<ruby>Tag untuk membuat sebuah anotasi ruby (untuk tipografi Asia Timur) (tag baru HTML5)
<s>Tag untuk membuat teks yang tidak lagi benar
<samp>Tag untuk membuat contoh keluaran dari program komputer
<small>Tag untuk membuat teks kecil
<strike>Tag untuk membuat teks yang di coret tengah (tidak disupport lagi di HTML5)
<strong>Tag untuk membuat teks penting
<sub>Tag untuk membuat teks subskrip (seperti dalam penulisan Jat Kimia)
<sup>Tag untuk membuat teks superscripted (seperti dalam penulisan akar kuadrat)
<time>Tag untuk membuat tanggal / waktu (tag baru HTML5)
<tt>Tag untuk membuat teks teletype (tidak disupport lagi di HTML5)
<u>Tag untuk membuat teks yang memiliki Gaya yang berbeda dari teks biasa lainnya
<var>Tag untuk membuat sebuah variabel
<wbr>Tag untuk membuat kemungkinan garis-putus
Forms
<form>Tag untuk membuat sebuah form HTML untuk input pengguna
<input>Tag untuk membuat sebuah kontrol input
<textarea>Tag untuk membuat sebuah kontrol input multibaris (text area)
<button>Tag untuk membuat sebuah tombol yang dapat diklik
<select>Tag untuk membuat sebuah daftar drop-down
<optgroup>Tag untuk membuat sebuah kelompok pilihan yang terkait dalam daftar drop-down
<option>Tag untuk membuat pilihan dalam daftar drop-down
<label>Tag untuk membuat sebuah label untuk sebuah elemen <input>
<fieldset>Grup unsur terkait dalam bentuk
<legend>Tag untuk membuat sebuah caption untuk sebuah elemen <fieldset>, < figure>, atau <details>
<datalist>Menentukan daftar pilihan yang telah ditetapkan untuk kontrol input (tag baru HTML5)
<keygen>Tag untuk membuat key-pair generator kolom input (tag baru HTML5)
<output>Tag untuk membuat hasil penghitungan (tag baru HTML5)
Frames
<frame>Tag untuk membuat sebuah window (bingkai) dalam sebuah frameset (tidak disupport lagi di HTML5)
<frameset>Tag untuk membuat satu set bingkai (tidak disupport lagi di HTML5)
<noframes>Tag untuk membuat sebuah konten alternatif untuk pengguna yang tidak mendukung frame (tidak disupport lagi di HTML5)
<iframe>Tag untuk membuat sebuah bingkai
Images
<img>Tag untuk membuat gambar
<map>Tag untuk membuat gambar-peta
<area>Tag untuk membuat area dalam gambar-peta
<canvas>Digunakan untuk menggambar grafik, melalui scripting (JavaScript ) (tag baru HTML5)
<figcaption>Tag untuk membuat sebuah caption untuk elemen <figure> (tag baru HTML5)
<figure>Menentukan konten mandiri (tag baru HTML5)
Audio/Video
<audio>Tag untuk membuat isi suara (tag baru HTML5)
<source>Tag untuk membuat sumber beberapa media untuk elemen media (<video> dan <audio>) (tag baru HTML5)
<track>Tag untuk membuat trek teks untuk elemen media (<video> dan <audio>) (tag baru HTML5)
<video>Tag untuk membuat sebuah video atau film (tag baru HTML5)
Links
<a>Tag untuk membuat hyperlink
<link>Tag untuk membuat hubungan antara dokumen dan sumber daya eksternal (paling sering digunakan untuk link ke style sheet)
<nav>Tag untuk membuat navigasi link (tag baru HTML5)
Lists
<ul>Tag untuk membuat daftar dengan selain nomor
<ol>Tag untuk membuat daftar dengan nomor
<li>Tag untuk membuat sebuah item daftar
<dir>Tag untuk membuat sebuah daftar direktori (tidak disupport lagi di HTML5)
<dl>Tag untuk membuat sebuah daftar definisi
<dt>Tag untuk membuat istilah (item) dalam daftar definisi
<dd>Defines a description of an item in a definition list
<menu>Tag untuk membuat deskripsi dari item dalam daftar definisi
<command>Tag untuk membuat sebuah tombol perintah bahwa seorang pengguna dapat meminta (tag baru HTML5)
Tables
<table>Tag untuk membuat tabel
<caption>Tag untuk membuat sebuah caption tabel
<th>Tag untuk membuat sebuah sel header tabel
<tr>Tag untuk membuat baris dalam sebuah tabel
<td>Tag untuk membuat sel dalam sebuah tabel
<thead>Mengelompokan isi header dalam sebuah tabel
<tbody>Mengelompokanisi tubuh dalam sebuah tabel
<tfoot>Mengelompokan isi footer dalam sebuah tabel
<col>Menentukan properti kolom untuk setiap kolom dalam elemen <colgroup>
<colgroup>Menentukan kelompok dari satu atau lebih kolom dalam sebuah tabel untuk diformat
Style/Sections
<style>Tag untuk membuat informasi style untuk dokumen
<div>Tag untuk membuat sebuah bagian dalam dokumen
<span>Tag untuk membuat sebuah bagian dalam dokumen
<header>Tag untuk membuat sebuah header untuk dokumen atau bagian (tag baru HTML5)
<footer>Tag untuk membuat footer untuk dokumen atau bagian (tag baru HTML5)
<hgroup>Pengelompokan elemen heading (<h1> sampai <h6>) (tag baru HTML5)
<section>Tag untuk membuat bagian dalam dokumen (tag baru HTML5)
<article>Tag untuk membuat sebuah artikel (tag baru HTML5)
<aside>Tag untuk membuat konten lain selain dari konten halaman (tag baru HTML5)
<details>Tag untuk membuat rincian tambahan yang pengguna dapat lihat atau sembunyikan (tag baru HTML5)
<dialog>Tag untuk membuat sebuah kotak dialog atau jendela (tag baru HTML5)
<summary>Tag untuk membuat sebuah judul terlihat untuk elemen <detil> (tag baru HTML5)
Meta Info
<head>Tag untuk membuat informasi tentang dokumen
<meta>Tag untuk membuat metadata tentang dokumen HTML
<base>Menentukan URL dasar / target untuk semua URL relatif dalam dokumen
<basefont>Menentukan standar warna, ukuran, dan font untuk semua teks dalam dokumen (tidak disupport lagi di HTML5)
Programming
<script>Tag untuk membuat script di sisi klien
<noscript>Tag untuk membuat sebuah konten alternatif bagi pengguna yang tidak mendukung script di sisi klien
<applet>Tag untuk membuat sebuah java applet yang ditanam (tidak disupport lagi di HTML5)
<embed>Tag untuk membuat sebuah wadah untuk aplikasi eksternal (non-HTML) (tag baru HTML5)
<object>Tag untuk membuat sebuah objek yang ditanam
<param>Tag untuk membuat sebuah parameter untuk objek
Nah mungkin sampai disini saja tentang tag tag pada HTML, Follow SiiCoder and Share It  :)
Heading pada HTML
Lihat Detail

Heading pada HTML

Di Pos sebelumnya, SiiCoder sudah membahas tentang tag, element serta atribut HTML, sekarang SiiCoder mau bahas tentang Tag Heading pada HTML.


Apa itu Heading pada HTML  ?

    Heading merupakan element atau tag HTML yang berfungsi untuk menunjukan bagian penting pada halaman web. Heading memiliki 6 tingkatan yang berurutan yaitu <h1>, <h2> ,<h3> ,<h4> ,<h5> ,<h6> yang bisa digunakan untuk menambah ke struktur halaman web. Perbedaan masing-masing heading yaitu besar hingga kecil teks. Contohnya tag <h1> lebih besar dari pada tag <h2> dan seterusnya. 
    Penggunaan masing-masing heading juga berbeda, berikut penggunaan masing-masing tag heading yang sering digunakan pada pengelolaan web. 
<h1> adalah heading yang digunakan untuk penulisan judul utama dari halaman web. 
<h2> adalah heading yang digunakan sebagai subheading dari <h1>  . 
<h3> adalah heading yang digunakan sebagai subheading dari <h2>  .
Untuk penggunaan <h4>, <h5>, <h6> tergantung orang yang membuat web itu sendiri (Programmer) biasanya digunakan untuk memperindah halaman web sesuai keperluan. 

Berikut contoh penggunaan/penerapan heading pada HTML 


<html>
     <head>
          <title> SiiCoder.xyz </title>
     </head>
     <body>
          <h1> Ini heading 1 </h1>
      </body>
</html>
maka hasilnya akan seperti ini

Ini heading 1


contoh lainnya

<html>
     <head>
          <title> SiiCoder.xyz </title>
     </head>
     <body>
          <h1> Ini heading 1 </h1>
          <h2> Ini heading 2 </h2>
          <h3> Ini heading 3 </h3>
          <h4> Ini heading 4 </h4>
          <h5> Ini heading 5 </h5>
          <h6> Ini heading 6 </h6>
      </body>
</html>
maka hasilnya akan seperti ini

Ini heading 1

Ini heading 2

Ini heading 3

Ini heading 4

Ini heading 5
Ini heading 6

Oke sekian dulu tentang pengenalan heading pada HTML, follow SiiCoder and Share it  :)
Mengenal Tag, Element, Atribut pada HTML
Lihat Detail

Mengenal Tag, Element, Atribut pada HTML

Seblumnya SiiCoder telah membahas tentang pengenalan HTML, Text Editor. Kini SiiCoder akan membahas pengenalan dan penggunaan Tag, Element dan Atribut pada HTML.


Apasih Tag HTML ? 

   Tag merupakan kode yang digunakan untuk memperkenalkan pada web browser untuk apa text HTML yang ditulis. HTML membutuhkan cara memperkenalkan text yang ditulis didalamnya kepada browser, baik text itu berupa list, paragraf, link dan sebagainya. Disinilah tag digunakan, dalam penulisan tag, hampir semua menggunakan pembuka dan penutup tag. dimana objek yang dimaksudkan berada diantara pembuka dan penutup tag. Berikut contoh penulisan tag yang digunakan dalam HTML.
<tag> Objek yang dimaksud </tag> 
Perbedaan antara tag pembuka dan tag penutup yaitu, pada tag pembuka diawali kurung sudut pembuka dan diakhiri kurung sudut penutup ( <> ) , sedangkan pada tag penutup, diawali dengan kurung sudut pembuka, backslash (garis miring) ,dan diakhiri kurung sudut penutup ( </> ) .

Apasih Element HTML  ?

    Element pada HTML merupakan isi atau objek yang berada pada tag. Maksudnya, isi yang ada di  tag pembuka dan tag penutup. 

<html>
   <head>
        <title> SiiCoder.xyz </title>
   </head>
   <body>
         <h1> ini objek </h1>
    </body>
</html> 

pada contoh diatas, h1 merupakan element dari tag <h1> dan memiliki isi yaitu "ini objek" .

Apasih Atribut HTML ? 

     Atribut merupakan informasi tambahan yang digunakan di dalam tag pembuka. Informasi ini bisa berupa intruksi untuk memberikan efek warna, ketebalan dll. Atribut biasanya memiliki 2 bagian yaitu nama dan nilai dapat ditulis dengan (name="value") .Penulisan nilai/value diapit oleh tanda kutip (bisa menggunakan kutip satu ( ') maupun kutip dua ( ") .

<html>
   <head>
        <title> SiiCoder.xyz </title>
   </head>
   <body>
         <h1 align="cemter"> ini objek </h1>
    </body>
</html> 

pada contoh diatas <h1> merupakan tag dari element h1 (heading 1)  align adalah name/nama dari atribut, center adalah nilai/value dari atribut.

Oke sekian dulu tentang pengenalan HTML, follow SiiCoder and Share it  :)
Memilih Text Editor untuk programming
Lihat Detail

Memilih Text Editor untuk programming

Untuk kalian yang baru saja mau belajar bahasa pemrograman, disini khususnya pemrograman web, pasti berfikir bagaimana caranya saya membuat dan apa yang harus saya gunakan untuk membuat program (Ngoding) ? Berikut SiiCoder sediakan jawaban untuk kalian yang baru mau belajar bahasa pemrograman web.


Apasih Text Editor ?

Text Editor merupakan aplikasi / software yang digunakan untuk menulis syntax atau kode program, disini khususnya untuk penulisan kode program HTML itu sendiri. Text Editor Sendiri sangatlah banyak yang bisa digunakan untuk penulisan kode HTML, contohnya  Notepad yang telah disediakan oleh windows. 

Memilih Text Editor yang sesuai keinginan

Berikut beberapa Text Editor yang SiiCoder sarankan untuk digunakan dalam penulisan kode program bagi anda yang baru belajar bahasa pemrograman. 

  1. Sublime Text
Sublime Text editor adalah text editor yang paling banyak digunakan oleh programer. Text editor ini memiliki tampilan yang elegan, yang khas dengan warna kecoklatannya. Text Editor ini tersedia untuk Windows, Mac dan Linux. Untuk kalian yang ingin menggunakan Sublime Text, bisa di download dari situs resminya langsung yaitu di https://www.sublimetext.com

  2. Notepad ++

Text editor ini bisa digunakan untuk windows dan free license (Gratis). Text editor ini memiliki ciri khas tersendiri dan banyak fitur-fitur yang bisa digunakan di text editor ini. Untuk kalian yang ingin menggunakan Notepad++, bisa di download dari situs resminya langsung yaitu di https://notepad-plus-plus.org/

  3. Atom
Text editor ini hampir sama dengan Sublime Text, namun Atom lebih berat jika dibandingkan dengan Sublime Text. Text editor ini dapat digunakan oleh Mac, Windows dan linux. Untuk kalian yang ingin menggunakan Text editor ini, bisa di download di situs resminya langsung yaitu di https://atom.io/

Mungkin itu aja yang SiiCoder bahas di post kali ini Terima kasih , Follow and share it :) 

Apa itu HTML ?
Lihat Detail

Apa itu HTML ?


   Apa itu html ?  mungkin pertanyaan inilah yang ada pada pikiran kalian yang baru masuk dunia Web Programing atau Web Developer. HTML merupakan bahasa pemrograman wajib bagi seorang Web Developer, karena HTML merupakan unsur dasar dari pembangunan sebuah Website. Berikut penjelasan HTML lebih dalam 

Pengertian HTML

   HTML (Hyper Text Markup Language) adalah sebuah bahasa formatting yang digunakan untuk membuat sebuah halaman website. Di dalam dunia pemrograman berbasis Website (Web Programming), HTML menjadi pondasi dasar pada halaman website. Sebuah file HTML di simpan dengan ekstensi   .html (dot html)  dan dapat diakses atau dijalankan pada web browser. 

Kegunaan HTML

   HTML berfungsi sebagai pondasi sebuah website. Adapun yang dapat dilakukan dengan html adalah sebagai berikut :
  • Membungkus element-element tertentu sesuai kebutuhan. 
  • Membuat heading atau judul
  • Membuat tabel
  • Membuat paragraf
  • Menampilkan gambar
  • Menampilkan video
  • Dan masih banyak lainnya. 
HTML memiliki beberapa element yang tersusun dari tag - tag yang memiliki fungsinya masing - masing. SiiCoder akan membahas Text Editor untuk Ngoding HTML di Post selanjutnya

Follow and Share it  :) 

Subscribe to: Posts (Atom)