Skip to main content

Tag Dasar pada HTML

Assalamualaikum wr.wb


Setelah mengenal struktur dasarnya, sekarang anda bisa membuat file html sesuai selera anda. Bagaimana caranya? caranya ya nyekrip. gimana scriptnya ? oke langsung aja

ohiya adalagi yang namanya atribut. atribut ini sesuatu syintax yang berada didalam tag, contoh <body bgcolor="red"> atribut pada tag body adalah "bgcolor"

<br> "break" : untuk menambah enter (baris baru). khusus tag ini anda tidak perlu memberikan tag tutupnya, cukup tag bukanya saja
<hr> : untuk membuat garis horizontal (tanpa tag tutup)
<b> : untuk menebalkan karakter
contoh : <b>teks ini tebal</b>
<i> : untuk memiringkan karakter
contoh : <i>teks ini miring</i>
<u> : untuk menggarisbawahi karakter
contoh : <u>ada garis bawah</u>
<center> : untuk memberikan text-align rata tengah
contoh : <center>teks ini ada ditengah</center>
<left> : rata kiri
contoh : <left>teks ini ada dikiri</left>
<right> : rata kanan
contoh : <right>teks ini rata kanan</right>
<justify> : rata kanan kiri
contoh : <justify>teks ini rata kanan kiri</justify>
<p> : untuk membuat paragraf
contoh : <p>paragraf baru</p>
<font> : untuk mengedit font
tag <font> memiliki atribut, diantaranya :
<font size="ukuranfont"> : untuk menentukan ukuran font
<font face="namafont"> : untuk menentukan jenis font
<font color="warnafont"> : untuk menentukan warna font
<ul> : untuk membuat list
tag ini memiliki beberapa tipe, diantaranya disc, circle, square. cara menggunakan tipenya <ul type="square">
contoh :
<ul>
<li>pertama</li>
<li>kedua</li>
</ul>
<ol> : ordered list untuk membuat list berdasarkan huruf atau angka
cara memilih tipe huruf (a,b,c,d...) (A,B,C,D...) atau angka (1,2,3...)
<ol type="a"> <ol type="A"> <ol type="1">
contoh :
<ol>
<li>pertama</li>
<li>kedua</li>
</ol>
#menambahkan input type checkbox, password, text, radiobutton
tag input ini berguna pada saat pembuatan form regristasi
<input type="checkbox"> : untuk menambahkan ceklis box
<input type="password"> : untuk membuat kolom password
<input type="text"> : untuk membuat kolom text
<input type="submit"> :untuk membuat tombol submit
<input type="radiobutton"> : untuk membuat tombol pilihan berbentuk bulat

#cara menambahkan warna background.

pada tag <body> masukkan atribut bgcolor="warna" contoh:
<body bgcolor="black">

#cara menambahkan background gambar

pada tag <body> masukkan atribut background="namafile" contoh:
<body background="bg.jpg"> 
Q : gan kok ga ngefek ya?
A : pastikan file html dengan gambar background berada dalam satu folder, jika tidak satu folder, tambahkan direkrori didepannya. misal, "E:/gambar/bg.jpg" ini menandakan bahwa file gambar saya berada dalam LocalDisk E: didalam folder "gambar" dan namafilenya "bg.jpg"
Q : gan gimana kalo gambarnya ada didalam folder yang sama, tapi ane bikin folder lagi di dalem folder file html itu, terus gambarnya ane masukin situ biar rapi diliatnya
A : ganti jadi "namafolder/bg.jpg"

memasukan gambar
<img src="namagambar">

Oke segini dulu, insyaAllah akan di update

UPDATE :

<audio> untuk menambahkan suara
macam macam atributnya :
controls : untuk menampilkan kontroller
autoplay : memainkan audio secara otomatis
loop : mengulangi terus menerus
<audio src="url tempatfile" controls="controls" autoplay="autoplay" loop="loop">

<video> untuk menambahkan video
macam macam atributnya :
controls : untuk menampilkan kontroller
autoplay : memainkan audio secara otomatis
loop : mengulangi terus menerus
poster : untuk menambahkan thumbnails
width : untuk mengatur lebar tampilan video
height : untuk mengatur tinggi tampilan video
<video src="url tempatfile" controls="controls" autoplay="autoplay" loop="loop" poster="url thumbnails">
<source src="url" type="format/video">
</video>

<big> </big> : untuk membesarkan karakter

<small> </small> : untuk mengecilkan karakter

<sup> </sup> : untuk membuat pangkat

<sub> </sub> : untuk membuat huruf kecil dibawah ( unsur atom )

<pre> </pre> : untuk menampilkan teks apa adanya.
membuat link
<a href="url"> link kesini </a>



Sekian Semoga Bermanfaat
loading...
Labels:

Comments

Post a Comment

Popular posts from this blog

Lab 8.8 Konfigurasi Log Analyzer Visited Pages dengan Awstats di Apache pada Centos7

Assalamu’alaikum wr.wb Pada kali ini ane ingin share cara monitoring dengan awstats. Awstats adalah sebuah tools untuk memantau visited pages pada webserver. Langsung saja kita konfigurasi 1. Install epel, karena awstats ini tidak ada pada repository centos, tetapi ada pada epel. Caranya adalah seperti dibawah ini   2. Kemudian install awstats 3. Awstats ini secara default membuat konfigurasi sesuai dengan hostname. Jika tidak sesuai Antara hostname dan web yang akan dibuatkan halaman awstatsnya, maka rename konfigurasi yang ada sesuai hostname menjadi nama domain anda tanpa menghilangkan format yang ada. [root@ct-ali ~]# mv /etc/awstats/awstats.ct-ali.alisofyan.com.conf /etc/awstats/awstats.www.alisofyan.com.conf 4. Konfigurasi awstats untuk webserver yang telah diatur [root@ct-ali ~]# vi /etc/awstats/awstats.www.alisofyan.com.conf Sesuaikan konfigurasi seperti dibawah ini dengan keadaan anda  dan ...
Post a Comment
Read more

Merepresentasikan Algoritma dengan Flowchart dan Pseudocode

  Merepresentasikan Algoritma dengan Flowchart Flowchart adalah jenis diagram (grafis tau simbolik) yang mewakili suatu algoritma atau proses-proses tertentu. Setiap langkah dalam algoritma diwakili oleh simbol yang sama atau berbeda dan berisi penjelasan singkat setiap langkah. Flowchart merepresentasikan algoritma dalam bentuk desain, simbol dan dijadikan dokumentasi dan kemudian dituangkan menjadi kode-kode program. Sebelum membuat flowchart, kita harus memahami unsur flowchart sebagai berikut : Input Percabangan ( biasanya menggunakan perintah if dan switch) Perulangan ( biasanya menggunakan perintah atau kode while, for, loop, each ) Output Flowchart biasanya digambar menggunakan beberapa simbol standar, namun tidak menutup opsi lain untuk menyertakan simbol-simbol di luar standar untuk digunakan jika memang diperlukan simbol tersebut di desain yang kita buat. Berikut ini simbol – simbol yang biasa digunakan dalam flowchart. Simbol simbol diatas adalah simbol dasar yang diguna...
Post a Comment
Read more

Contoh Soal Data dalam Sistem Bahasa Pemrograman R

  Tuliskan pernyataan R untuk membuat deret bilangan berikut : x = [-5 -4 -3 -2 -1 0 1 2 3] y = [5 4 3 2 1] z = [1000000 1166667 1333333 1500000 1666667 1833333 2000000] p = [9 9 9 5 5 5] q = [1 1 1 2 2 2 1 1 1 2 2 2] Jawaban : > x <- seq (from=-5,to=3,length=9) > x [1] -5 -4 -3 -2 -1 0 1 2 3 > y <- seq (from=5,to=1,length=5) > y [1] 5 4 3 2 1 > z <- seq (from=1000000,to=2000000,length=7) > z [1] 1000000 1166667 1333333 1500000 1666667 1833333 2000000 > p <- rep(c(9,5),each=3) > p [1] 9 9 9 5 5 5 > q <- rep(c(1,2,1,2),each=3) > q [1] 1 1 1 2 2 2 1 1 1 2 2 2 Tuliskan pernyataan R untuk membuat frame data siswa berikut : No Jurusan asal_daerah usia 1 Komputer Bogor 25 2 Fisika Bogor 25 3 Komputer Bandung 25 4 Fisika Bandung 25 5 Komputer Bogor 26 6 Fisika Bogor 26 7 Komputer Bandung 26 8 Fisika Bandung 26 Jawaban : > jurusan <- c("Komputer","Fisika","Komputer","Fisika","Komputer...
1 comment
Read more
loading...