Jumat, 27 Oktober 2017

Cara Mudah dan Cepat Menentukan Text Alignment (divider) dalam HTML

Assalammu’alaikum Warohmatulahi Wabarokatuh
Hai teman-teman, jumpa lagi dengan penulis. Pada kesempatan ini penulis akan memberikan tips mudah dan cepat menentukan text alignment. Sebelum itu, pelajari dulu tentang text alignment.
Text alignment merupakan teks yang digunakan dalam menentukan letak /posisi dari teks atau gambar pada posisi rata kanan, rata kiri, rata tengah dan rata kiri-kanan dalam dokumen HTML.
Text Alignment
Keterangan
right
Menentukan teks rata kanan
left
menentukan teks rata kiri
justify
Menentukan teks rata kiri-kanan
center
menentukan teks rata tengah-tengah

Diatas telah dijelaskan sedikit tentang text alignment, adapun langkah-langkah menentukan teks alignment dalam HTML sebagai berikut :
1.        Klik Start.


2.        Carilah Notepad.

3.        Ketik Kode HTML dibawah ini :
<html>
<head><title> Text Alignment </title><head>
<body>
<h2 align=”center”> Menentukan Text Alignment </h2>
<p align=”left”> Rata kiri <br/></p>
<p align=”right”> Rata Kanan <br/></p>
<p align=”justify”> Rata Kanan-Kiri <br/></p>
</body>
</html>
4.        Klik file, lalu pilih save as dan simpan ditempat yang kamu inginkan, misalnya di dokumen. Ketika membuat judul penyimpanan, akhiri dengan dot html (.html). contohnya: text_alignment.html

5.        Klik kanan pada file yang sudah disimpan, lalu tekan open with, kemudian pilh mozila atau google chrome.

6.        Jika berhasil, akan tampil teks seperti dibawah ini :

     Teks pada baris pertama letaknya berada ditengah, baris kedua letaknya berada dikiri, baris ketiga terletak dikanan dan baris keempat terletak untuk teks kiri-kanan. Karena, semua baris teks tersebut menggunakan atribut center, left, right dan justify.
     Demikianlah cara menentukan text alignment dalam HTML. Saran penulis ketika memindahkan kode HTML ke notepad, jangan di copy, Usahakan diketik. Biasanya kalau di copy, hasillnya tidak sesuai dengan yang diharapkan. Semoga bermanfaat, selamat mencoba. J

Wassalammu’alaikum Warohmatulahi Wabarokatuh.
Diposting oleh di Tidak ada komentar:
Label:

Rabu, 04 Oktober 2017

Cara Mudah dan Cepat membuat paragraf dalam HTML

Assalammu’alaikum Warohmatulahi Wabarokatuh
Hallo teman-teman, jumpa lagi dengan penulis. Kali ini penulis akan memberi tips mudah dan cepat membuat paragraf dalam HTML. Sebelum itu, penulis akan jelaskan sedikit, apa itu paragraf dalam HTML?
Dalam HTML, paragraf dibuat menggunakan tag <p> ... </p>. Setiap teks yang diapit oleh kedua tag tersebut dianggap sebagai satu paragraf.
Oke teman-teman, itulah sedikit tentang paragraf dalam HTML. Adapun langkah-langkahnya sebagai berikut :
1.         Klik Start.

2.         Carilah notepad.

3.         Ketik kode dibawah ini :
<html>
<head><title> Paragraf </title></head>
<body>
<h2> Belajar Paragraf dalam HTML </h2>
Ini bukan paragraf <br/>
Ini bukan paragraf <br/>
<p> Ini paragraf 1 <br/></p>
<p> Ini paragraf 2 <br/></p>
<p> Ini paragraf 3 <br/></p>
</body>
</html>
4.         Klik file, lalu pilih save as dan simpan ditempat yang kamu inginkan misalnya didokumen. Ketika membuat judul penyimpanannya, harus menggunakan dot html (.html). Contohnya : belajar_paragraf.html

5.         Setelah itu, klik kanan pada file yang disimpan, tekan open with, lalu pilih mozila atau google chrome.

6.         Jika berhasil, akan tampil teks dibawah ini :

       Pada baris pertama dengan baris kedua, bukan termasuk paragraf karena tidak ada jarak. Sedangkan pada baris kedua dengan ketiga, termasuk paragraf 1 karena adanya jarak. Sama seperti antara baris ketiga dengan baris keempat, termasuk paragraf 2 dan antara baris keempat dengan baris kelima termasuk paragraf 3.
       Demikianlah, cara membuat paragraf dalam HTML, mudah bukan? semoga bermanfaat. Selamat mencoba. J

Wassalammu’alaikum Warohmatulahi Wabarokatuh
Diposting oleh di Tidak ada komentar:
Label:

Sabtu, 30 September 2017

Cara Mudah dan Singkat membuat teks judul dalam HTML

Assalammu’alaikum Warohmatulahi Wabarokatuh
Hai, apa kabar semuanya? Ketemu lagi dengan penulis. Kali ini penulis akan memberikan tips mudah dan singkat membuat teks judul dalam HTML. Sebelum kita lanjut ke tahapan membuat teks judul, kita harus tahu terlebih dahulu tentang teks judul dalam HTML.
            Dalam HTML judul atau sub judul dari halaman web dapat dibuat dengan menggunakan tags <hn>...</hn>, mulai dari level 1 sampai 6.
            Diatas sedikit tentang teks judul dalam HTML. Adapun berikut langkah-langkah membuat teks judull dalam HTML :
1.        Klik start.
        

2.        Carilah notepad
         

3.        Selanjutnya, ketik kode HTML ini dalam notepad :
<html>
<head><title> Heading </title></head>
<body>
<h1> Demo Heading 1 </h1>
<h2> Demo Heading 2 </h2>
<h3> Demo Heading 3 </h3>
<h4> Demo Heading 4 </h4>
<h5> Demo Heading 5 </h5>
<h6> Demo Heading 6 </h6>
</body>
</html>
4.        Klik file, pilih save as dan simpan ditempat yang kamu inginkan misalnya di dokumen. Ketika menyimpan, buat nama judulnya diakhiri dengan dot html (.html). contoh nama judul filenya: belajar_judul.html
        

5.        Setelah itu klik kanan pada file yang sudah disimpan, tekan open with, lalu pilih mozila atau google chrome untuk melihat hasilnya.

6.        Jika berhasil, akan muncul teks seperti dibawah ini :

Dari demo heading, kita melihat teksnya dari yang terbesar ke yang kecil. Itu terjadi karena tag yang digunakan setiap teks tersebut yaitu dari level 1 sampai 6.
Demikianlah yang dapat penulis sampaikan untuk membuat teks judul dalam HTML, semoga bermanfaat. Selamat mencoba. J
Wassalammu’alaikum Warohmatulahi Wabarokatuh




Diposting oleh di Tidak ada komentar:
Label:

Jumat, 29 September 2017

Cara Cepat dan mudah Membuat Format Karakter dan Font dalam HTML

Assalammu’alaikum Warohmatulahi Wabarokatuh
Apa kabar teman? Hari ini penulis akan memberikan tips  cepat dalam membuat format karakter dan font dalam HTML. Sebelum itu, penulis akan memberikan sedikit tentang format karakter dan font dalam HTML.
Ini beberapa atribut beserta artinya pada format karakter dan font dalam HTML :

 Sedangkan ini, tag beserta artinya yang digunakan untuk format karakter dan font dalam HTML :


1.        Klik Start.
       Diatas kita sudah mengetahui atribut dan tag pada format karakter dan font dalam HTML, adapun langkah cepat dan mudah membuat karakter dan font dalam HTML yaitu sebagai berikut :
        

2.        Carilah notepad.
        

3.        Setelah itu, ketik kode HTML dibawah ini:
<html>
<head><title>Format karakter dan font</title></head>
<body>
<h1><font color=”#ff00a8” size="200"> Kelas Sistem Informasi </font></h1>
<h2><font face=” lucida calligraphy”> belajar format karakter dan font </font></h2>
<b>teks ini akan tebal </b>
<i>teks ini akan miring </i>
<u> teks ini bergaris bawah </u><br>
<p>
     <small> &copy; 2017 SI - All right reserved </small>
</p>
</body>
</html>
4.        Klik file, selanjutnya pilih save as dan simpan ditempat yang kamu inginkan misalnya pada dokumen. Ketika menyimpan, buat judulnya diakhiri dengan dot html (.html). contoh nama judul filenya: Format_Karakter_dan_Font.html


5.        Selanjutnya, klik kanan pada file yang sudah disimpan. Tekan open with, kemudian pilih mozila atau google chrome.
        

6.        Jika berhasil, akan muncul teks seperti dibawah ini:
        

Teks pada baris pertama, ukurannya lebih besar dari pada teks yang lain, karena menggunakan font size yaitu 200 dan berwarna karena menggunkan color #ff00a8.
Sedangkan, teks baris kedua memiliki bentuk tulisan yang berbeda karena menggunakan face lucida calligraphy.
Lalu, teks pada baris ketiga memiliki tulisan tebal,miring dan bergaris bawah karena menggunakan tag: <b>, <i>, dan <u>.
Dan yang terakhir, pada baris keempat menghasilkan tulisan yang kecil karena menggunakan tag : <small>
Oke, teman-teman. Demikianlah langkah-langkah dalam membuat format karakter dan font dalam HTML. Semoga bermanfaat, selamat mencoba. J

Wassalammu’alaikum Warohmatulahi Wabarokatu
Diposting oleh di Tidak ada komentar:
Label:

Selasa, 26 September 2017

Cara Membuat Komentar dalam HTML

Assalammu’alaikum Warohmatulahi Wabarokatu
Baiklah teman-teman, kali ini kita akan membahas tentang demo komentar dalam HTML. Tapi, sebelum itu kita harus tahu terlebih dahulu tentang komentar HTML. Komentar HTML adalah  bagian teks dalam kode HTML yang tidak ikut diproses atau diterjemahkan oleh web browser.
Dalam HTML, komentar dibuat menggunakan tanda: lebih kecil, tanda seru, dan tanda strip 2 kali (<!--). Kemudian diakhiri dengan tanda: tanda strip 2 kali dan lebih besar(-->).
Misalnya: <!--Contoh -->.
Diatas sedikit pengenalan tentang komentar dalam HTML, sekarang kita akan langsung praktekkan contoh dari demo komentar dalam HTML. Berikut langkah-langkah dalam membuat komentar dalam HTML:
1.        Klik start,
        
2.        kemudian cari notepad.
        
3.        Setelah itu, ketik koding ini didalam notepad
<html>
<head><title>komentar</title></head>
<body>
<h2>Demo Komentar dalam HTML</h2>
Selamat Datang dipemrograman HTML
<!-- nama : .....     alamat : ..... -->
</body>
</html>
4.        Klik file, lalu pilih save as dan simpan ditempat yang kamu suka misalnya di dokumen. Ketika membuat judul, jangan lupa diakhiri dengan dot html (.html), Contoh nama judulnya: belajar_komentar.html
       
      

5.        Setelah itu, klik kanan pada file yang telah kita save. Pilih open with, terus tekan mozila atau google chrome.
       

6.        Maka akan muncul teks berupa:
Demo Komentar dalam HTML
Selamat Datang dipemrograman HTML.

     Sedangkan, (nama : .....          alamat:.....) tidak akan muncul, karena teks tersebut menggunakan komentar dalam HTML.

            Demikianlah cara membuat komentar dalam HTML, semoga bermanfaat. J

Wassalammu’alaikum Warohmatulahi Wabarokatu
Diposting oleh di Tidak ada komentar:
Label:
Langganan: Postingan (Atom)