Showing posts with label Tips Blog. Show all posts
Showing posts with label Tips Blog. Show all posts

Kumpulan Kode Tag HTML Beserta Fungsinya

Kumpulan kode atau tag HTML yang sangat sering digunakan beserta dengan penjelasan fungsinya akan sangat bermanfaat dan membantu kita dalam melakukan sesuatu yang berhubungan dengan HTML (Hypertext Markup Language). Mulai dari mendesain web, membuat template, mengedit tampilan blog atau web hingga untuk keperluan posting pada blog atau web.

Apa pengertian dari Tag HTML ?

Tag HTML

Sebelum melihat kumpulan tag HTML, sebelumnya mari kita ketahui dulu apa itu tag HTML secara ilmiah. Hyper Text Markup Language (HTML) sendiri adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web yang ditulis dalam berkas format ASCII. Sedangkan Tag HTML merupakan sebuah kode atau kunci dalam bahasa HTML yang umumnya terdiri dari tag pembuka dan tag penutup yang memiliki tanda kurung siku/sudut. Fungsi tag HTML sendiri untuk memberitahukan browser bagaimana sebuah objek ditampilkan.
Baca juga Cara membuat text area scroll di blog

Kumpulan Macam-macam TAG HTML dan Fungsinya


Tag HTML Fungsi
<!-- --> Membuat komentar atau keterangan yang tidak akan terlihat atau dijalankan oleh browser
<a href> Membuat link ke halaman web atau url tertentu
<a name> Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
<applet> Sebagai awalan dari Java applets
<area> Memberikan definisi pada daerah image map yang dapat diklik (link)
<b> Menebalkan teks (Bold)
<basefont> Membuat tek menjadi beratribut default (ukuran, jenis font, warna dll)
<bgsound> Memberi background sound atau suara latar pada halaman web
<big> Memperbesar ukuran teks sebesar satu point dari sebelumnya
<blink> Membuat teks berkedip-kedip
<body> Tag awal untuk memasukan dan membuat pengaturan terhadap text, warna link & lainnya
<br> Pindah ke baris baru (fungsi enter)
<caption> Memberi caption atau label pada tabel
<center> Membuat rata tengah teks atau gambar
<comment> Membuat komentar atau keterangan yang tidak akan terlihat atau dijalankan oleh browser
<dd> Membuat teks kedalam atau indents
<div> Membuat bagian atau section pada html
<embed> Menyematkan file sound atau avi ke halaman web
<font> Mengatur jenis, ukuran, dan warna huruf pada teks
<form> Membuat form
<frame> Mendefinisikan frame
<frameset> Mendefinisikan attribut halaman yang akan menggunakan frame
<h1> ... <h6> Membuat heading pada teks yang mengubah ukuran berdasarkan heading yang dipilih
<head> Mendefinisikan head pada dokumen html
<hr> Membuat garis horizontal
<html> Definisi awal dokumen HTML
<i> Membuat teks menjadi miring (italic)
<img> Untuk memasukan dan mengatur image, imagemap atau an animation
<input> Mendefinisikan input field pada form
<li> Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )
<map> Mendefinisikan client-side map
<marquee> Membuat teks berjalan
<nobr> Mencegah ganti baris pada teks atau images
<noframes> Menghilangkan frames jika browser tidak mendukung
<ol> Definisi awal dan akhir sebuah Numbering
<p> Ganti paragraph
<pre> Membuat teks dengan ukuran huruf yg sama
<script> Mendefinisikan awal script
<table> Membuat tabel
<td> Membuat kolom pada table
<title> Mendefinisikan judul atau title
<tr> Membuat baris pada table
<u> Membuat garis bawah (undescore) pada teks
<ul> Definisi awal dan akhir sebuah Bullets

Kumpulan tag HTML diatas merupakan tag yang umum dan paling banyak digunakan, tentunya masih ada banyak tag HTML yang lebih spesifik yang tidak saya tampilkan karena sangat jarang digunakan. Semoga kumpulan tag HTML tersebut dapat bermanfaat dalam membantu anda mengerjakan sesuatu.

Cara Mempercepat Loading Blog yang Lama (Google PageSpeed Insight)

Cara Mempercepat dan Meningkatkan Kecepatan Loading Blog yang Lama merupakan sebuah cara yang banyak diacari oleh para blogger, termasuk saya ini. Hal ini dikarenakan kecepatan loading sebuah blog merupakan salah satu faktor penting untuk membangun blog yang baik. Pada kesempatan terdahulu, saya pernah memberikan artikel mengenai penyebab loading blog lama dan cara mengatasinya. Di dalam artikel tersebut saya telah menjelaskan beberapa poin mengenai cara mempercepat loading blog yang lama ini.

Akan tetapi pada kesempatan kali ini, saya akan memberikan cara mempercepat loading blog yang bermanfaat untuk melengkapi artikel tersebut. Jika dahulu saya memberikan cara cek kecepatan loading blog menggunakan pingdom, kali ini sebagai indikator kita akan menggunakan tool untuk mengetahui kecepatan loading blog dari google yaitu Google PageSpedd Insight.
Internet
Internet

Dengan menggunakan tools tersebut selain memberikan score yang menjadi value atau nilai kecepatan loading blog. Anda juga diberikan banyak fitur untuk mempermudah identifikasi anda, contohnya yaitu penilain kecepatan loading blog versi mobile dan PC,  hal yang menjadi prioritas untuk diperbaiki, serta saran dan cara memperbaikinya.

Jadi, bagaimana cara menggunakan tool dari google untuk mempercepat loading blog?
Mudah saja kok, anda hanya perlu menuju situsnya yaitu

https://developers.google.com/speed/pagespeed/insight, Kemudian anda masukan url/alamat blog anda di “Enter the web page URL” dan klik “Analyze”

Dengan melakukan hal tersebut google pagespeed insight akan menampilkan nilai kecepatan blog anda disertai hal yang harus diperbaiki. Selain itu google juga memberikan saran/ cara untuk memperbaikinya. Beberapa masalah yang bisa diperbaiki untuk mempercepat loading blog biasanya:

Mengkompress CSS dan HTML

Mengcompress merupakan kegiatan meminimalkan dan mengefisienkan kode yang terdapat di blog kita sehingga akan membantu mempercepat loading blog anda. Jika ingin tahu caranya baca Cara Compress Css blog dan Cara Compress Html blog

Hosting CSS dan Javascript anda

Dengan menghosting semua css dan javascript blog anda terutama bagi yang menggunakan blogspot, blog anda akan terload lebih cepat dikarenakan browser akan menampilkan konten anda terlebih dahulu serta untuk menampilkan style dan kode java. Browser hanya memproses dari sumber host pribadi anda yang berbeda dengan milik orang lain sehingga akan lebih cepat tentunya. Saya sendiri tidak melakukan cara ini dikarenakan saya merupakan tipe orang yang hobi mengedit templete blog saya, sehingga akan sedikit lebih sulit menurut saya jika perlu menghosting css blog saya

Mengcompress gambar

Gambar atau foto yang ditampilkan untuk menunjang artikel maupun tutorial akan sangat membantu pembaca dan memberikan penampilan yang menarik di blog, akan tetapi gambar merupakan salah satu faktor terbesar yang membuat blog anda lama loading, oleh karena itu usahakan untuk mengkompress dengan aplikasi pengkompress foto.

Selain beberapa hal diatas sebenarnya masih banyak hal yang dapat dilakukan untuk mempercepat loading blog seperti menghapus widget, menggunakan background blog polos dan sebagainya. Akan tetapi hal tersebut relatif dan tergantung dengan kondisi blog anda saat ini. Oleh karena itu gunakanlah pagespeed insight dan lihat hal yang harus anda perbaiki di blog anda untuk mengetahui cara mempercepat loading blog anda yang lama tersebut.