Tampilkan postingan dengan label Belajar Dasar HTML. Tampilkan semua postingan
Tampilkan postingan dengan label Belajar Dasar HTML. Tampilkan semua postingan

8 Desember 2011

Belajar HTML Dasar Part IV

hai all selamat datang di blog saya terimakasih atas kunjungannya sebelumnya,
kali ini saya akan membagikan belajar HTML dasar Part III tentag cara membuat tabel, table pada blog sama fungsinya seperti table pada miscrosoft word , excel. namun perintah table pada HTML berbeda pada tampilan miscrosoft, fungsi table pada HTML menggunankan perintah <TABLE> </TABLE>.
sementara perintah <TABLE> terdiri dari bebrapa bagian yaitu :

1. <TR> </TR> ( Table Row)
2. <TH> </TH> (Table Heading)
3. <TD> </TD> (Table Definition)

namun ada juga perintah HTML yang lainnya yang bisa di gunakan Pada Table yaitu:
- border  ( Ketebalan garis Table )
- bgcolor ( background warna Table)
- align="center" , align="left" , align="right , ( Untuk penempatan posisi Teks dan gambar pada table)
- Font , dan lainnya

Langkah - Langkah yang anda lakukan untuk membuat Table ialah :
- buat dasar HTML seperti Belajar Dasar HTML Part I
- Masukan Code Table di bawah ini setelah <body> ( tepat di bawah <body> )
<Table border=10 bgcolor="blue" align=center height=300 width=900 >


<TR>
            <TH><font Face=Arial color=RED> No </TH>
            <TH><font Face=Arial color=RED> name </TH>
            <TH><font Face=Arial color=RED> NPM </TH>
            <TH><font Face=Arial color=RED> Prodi </TH>
            <TH><font Face=Arial color=RED> Alamat </TH>
</TR>

<TR>
            <TD><font Face=Arial color=RED><P align=center > 1 </TD>
            <TD><font Face=Arial color=RED>Herlan </TD>
            <TD><font Face=Arial color=RED> 2010135416 </TD>
            <TD><font Face=Arial color=RED> MATEMATIKA </TD>
            <TD><font Face=Arial color=RED> jl. komp POLRI no.12 </TD>
</TR>
<TR>
            <TD colspan=5 align=center> <img src=7.PNG height=150 width=700> </TD>
</TR>

</Table>

Keterangan :
- Warna Merah :
border ( ketebalan garis table )
bgcolor ( warna Background table )
align center ( posisi table di tengah)
width dan height ( ukuran table )
- Warna biru
ini ada lah contoh perintah font seperti yang kita pelajari sebelumnya di Belajar dasar HTML part III
- Warna Pink
<TD colspan=5 align="center"></TD> ( Fungsi untuk menyatukan 1 colom dengan colom lainnya )
- img src ( masih inget kan cara memasukan gambar kalau lupa silakan Klik disini )
- width dan height adalah ukuran gambar bisa anda ubah sesuai keinginan anda.

Next Sampai Jumpa di Artikel Belajar dasar HTML selanjutnya
di Tidak ada komentar:
Label: , ,

7 Desember 2011

Belajar HTML Dasar Part III

ga terasa bikin Artikel Belajar Dasar HTML sampai Part III dan bikin Artikel tentang lainnya udah Banyak banget haha Padahal Belum tentu artikel yang saya sesuai bahasa Indonesia yang baik dan benar hha
( tapi yang penting Bahasa HTML nya Benar gan haha# berusaha membela diri :P ).
Maklum anak Muda bahasanya semaunya hhe
nah kali ini saya akan membagikan trik edit teks dengan perintah <br> <p align> dan <font>.


Perintah Font pada HTML mempunyai bagian yang luas diantaranya Face , color , size dll.
contoh : <Font size=12> Teks Gue </Font>
nah sekarang coba kamu buat dasar HTML seperti Belajar HTML DasaR Part I
<html>
<head>
<title> web Pertama Saya </title>
</head>
<body>
<p align="center"><font face="Arial" color="red" size="11">
Seorang guru Sejarah memberikan pertanyaan kepada murid-muridnya,<br>
“Anak-anak, siapa yang menulis Pancasila dan UUD 1945?”<br>
Murid-murid semua diam seribu bahasa.<br>
</font></p>
</body>
</html>

nah kalau sudah save . ( jangan lupa eksentensi ya jangan .txt tapi .html ) setelah itu view deh gimna bisakan?

Keterangan :
- < p align="center"> yang berwarna merah merupakan perintah untuk posisi teks yang di inginkan bisa anda rubah sesuai keinginan anda.
- <face="Arial"> bisa anda ganti dengan jenis font yang anda inginkan contoh : Tahoma atau lainya
- <br> fungsi untuk Enter
- <size="11"> untuk ukuran font
- <color="red"> Warna Teks kamu

nah udah paham kan sekarang?
semoga apa yang saya sampaikan untuk artikel hari ini bermanfaat untuk anda semua.
samapai juga di artikel belajar HTML berikutnya :D
di Tidak ada komentar:
Label: , ,

6 Desember 2011

Belajar HTML Dasar Part II

wah maaf ni baru posting belajar dasar Html lagi hhe
nah kali ini kita akan belajar cara memasukan gambar pada HTML
gimna ni caranya ??
trik kali ini mennggunakan perintah <img src="gamabr kamu.png">

1. pertama yang anda lakukan buka notepad lalu buat dasar html seperti belajar HTML Part 1 sebelumnya udah.. kalau udah lupa coba buka lagi Klik disini
2. jika sudah pilih gambar yang inginkin di masukan contoh 123.jpg
3. masukan gambar anda persis 1 folder dengan HTML anda contoh :  belajar I.html dengan 123.jpg (1 folder) ngertikan maksudnya ?
4. kalau sudah coba kamu sukan kode seperti ini <img src="123.jpg">
5. save html lalu lihat hasilnya..

bisakan ?
NB :
- kalau gambar tidak muncul biasanya dalam penulisan terdapat kata yang slaah contoh : air.jpg tapi jadi Air.jpg
- nah kalau salah trik ya kamu klik kanan gamabarnya lalu pilih rename lalu copy abis itu pastekan di Html contoh: erbe.png paste erbe.png dan kode html salah contoh <img src="123.png"> menjadi <img scr="123.png>
- biasanya dalam HTML gambar yang bisa di masukan hanya berexsitensi tertentu saja contoh : ".jpg , .JPEG , . PNG , .Gif dan lainnya" contoh : 123.png 123.gif dll

ok next Belajar HTML Dasar Part III sampai jumpa di kesempatan berikutnya
dan semoga apa yang saya tulis hari ini bermanfaat untuk anda semua :D
di Tidak ada komentar:
Label: , ,

2 Desember 2011

Belajar HTML Dasar Part I

hai all kali ini saya akan memberikan pengetahuan tentang HTML.
nah apa si definisi HTML ?
bagaimana cara membuatnya dan dasar membuat HTML + contohnya ?
ok saya jawab semau pertanyaan di atas

Definisi HTML ialah hypertext markup language yang artinya dengan belajar html kita bisa membuat web sendiri, apalagi kita udah bisa mengerti cara memperindah web kita dengan html bisa-bisa ketagihan belajar html + jadi hobi baru buat kita.
(eh main website juga bisa menghasilkan uang sendiri loh dari internet mau tau  KLIK Disini!)

Cara membuat HTML + contohnya
nah di bawah ini penjelasan dan contohnya sista and agan"nya (versi Tanya ku Blog.com)
ibaratkan HTML dan bagian"nya adalah tubuh manusia
<html>----> bagian terpenting ibarat kata ini jiwa raga/roh nya hha
<head>---> dari namanya aja udah ketauan ini kepala si webnya gan
--> lehernya<br /> <body> ---> badannya dari pundak sampae kaki<br /> < ---> ini nama y kurung buka ( haha kalian juga pasti tau)<br /> / ---> garis miring ini di sebutnya slash (Tapi bukan slash GNR :P)<br /> <br /> nah ini cara-cara buatnya :<br /> 1. Buka notepad caranya ( start > allprogram > accesories > notepad )<br /> atau klik run tulis notepad.<br /> 2. ikuti langkah ini seperti penjelasan di atas!<br /> <html><br /> <head><br /> <title> Te<Title> ---> Lehernya
<body> --> Badan - kaki

Nah copy text dibawah ini :
<html>
<head>
<title> web Pertama Saya </title>
</head>
<body>
ini tulisan pertama saya di web
</body>
</html>

nah kalau udah klik save atau save as terus file nya save dengan eksitensi .html bukan .txt
contoh tanyakublog.html bukan tanyakublog.txt

terus buka file anda tadi nah kliatan deh hasilnya :D

NB :
- setiap kamu membuat perintah html dengan tanda "< >" contoh <body> harus selalu di akhiri dengan tanda "</>" contoh </body>
- dan ingat posisi perintah html harus sama seperti diatas jangan kebalik
- tulisan besar atau kecil tidak berpengaruh pada perintah HTML contoh "<titTle>"
- tulisan harus benar jangan sampe salah contoh "<body>" menjadi "<boddy>"

nah udah ngertikan?
kalu udah bisa tunggu artikel berikutnya deh belajar html dasar bersama tanya ku blog.com

jangan lupa follow blog kami dan berkomentar serta like fans page kami
salam hangat DF_team semoga bermanfaat. :)
di Tidak ada komentar:
Label: , ,
Langganan: Komentar (Atom)

Satoshi must Read This :P

Hello Everyone! 🌟 I’ve always been curious about the world of cryptocurrency, especially Bitcoin, which has become such a hot topic in this...