Tamakomputer025

Selamat Berkunjung,Di tamakomputer025.blogspot.com(Komputer pintar)

Kamis, 14 Juli 2016

Belajar html Dasar


assalammualaikum wr ta'ala wb
Salam sahabat ... Kita akan belajar html.

Belajar html itu sangat mudah, Dimana ada kemauan disitu ada jalan.
Mungkin mas-mas mbak-mbak ini sebagian sudah mengerti jadi ini untuk pemula.

Belajar html untuk pemula

pengertian

Hyper Text Markup Language biasa di singkat (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

Fungsi dan penggunaan html

• Untuk Membuat Halaman Web. Bahasa HTML digunakan untuk membuat halaman web. Semua halaman web pasti dibuat dengan menggunakan HTML.

• Sebagai Pondasi Bagi Sebuah Website. Sebuah rumah jika tidak memiliki pondasi maka akan cepat roboh. Begitu juga dengan website. Jika tidak memiliki HTML sebagai pondasi, kita tidak dapat mengimplementasikan bahasa lainnya seperti CSS (bahasa untuk mendesain website), Javascript (bahasa untuk menambah prilaku website), dan PHP (bahasa pemrograman server website).

• Untuk menandai teks pada halaman web. Misalnya, kita dapat menandai sebuah teks menjadi bergaris bawah dengan menggunakan tag html Untuk menandai elemen / bagian pada halaman web. Sebuah website memiliki beberapa bagian seperti header, navigasi, main dan footer. Kita dapat menandai setiap bagiannya dengan HTML.

• Untuk menampilkan informasi dalam bentuk tabel untuk menambahkan objek seperti audio, video, gambar, dll dalam halaman web.

• untuk membuat online form

Contoh listing html
Langsung saja, copy => paste ke Notepad Anda code html dibawah !!

<Html>
<Head>
<Title>teks disini</title>
</Head>
<Body>
<P>teks disini</p>
</Body>
</Html>


• lalu klik file => pilih SAVE
• => save in: pilih folder penyimpanan
• => file Name: terserah Anda, Name beri titik (.) Html [contoh budi.Html]
• => SAVE
• Selesai

Kemudian buka file html di folder yang Anda simpan tadi, dengan cara:
* Double klik file html, atau
* Klik kanan => Open

Modul html sederhana
1.Pertama, buatlah folder baru di My Documents dengan nama tersetah anda..
Cara membuat folder baru: klik kanan=>New=>klik folder.
Cara mengganti nama folder: klik kanan folder lalu klik Rename atau Cut.
Dan masukan foto Anda di dalam folder baru tersebut.

2.Kedua, Copy => Paste ke Notepad anda listing html di bawah ini:
<html>
<head>
<title>biodata diri</title>
</head>
<Body>
<div style="background:#40E0D0"><p align="center"><font size="18"color="black">Biodata diri siFulan</font></p></div>

<h3><p align="center"><img src="k014.Jpg"width="96"height="120"></img></p></h3>

<p align="centet"><i><b><font size="5"><font color="#FF0000">Nama :Fulan S</font></font></b></i></p>
<p align="center"><i><b><font size="5"><font color="lime">Tempat/Tanggal lahir :Medan,11Mei 1997</font></b></i></p>
<p align="center"><i><b><font size="5"><font color="#FF00FF">Alamat Rumah :jalan Medan no.25 tg.Morawa</font></font></b></i></p>
<p align="center"><i><b><font size="5"><font color="#000080">No.HP/Telp :0808XXXXXXXX</font></font></b></i></p>
<p align="center"><i><b><font size="5"color="yellow">Pendidikan :SMK (TIK)RPK</font></b></i></p>
<P align="center"><i><b><font size="5"color="#800000>Kegiatan :Membuat file html di:</font></b></i><a href="http://tamakomputer025.blogspot.co.id/2016/05/senang-belajar-html.html?m=1"target="blank">Belajar html dasar</a></p>

<hr style="height:6px;background:#40E0D0;></hr>
</body>
</html>


Warning:Yang harus diperhatikan,nama img harus sesuai foto anda yang di dalam folder baru anda agar foto muncul!
Misalkan nama foto anda foto0002 maka tulis di img dengan nama foto0002,contoh:
<img src="foto0002.Jpg"width="96"height="120">

3.Ketiga,
*klik file=>klik save(ctrl+s)
*isi save in:folder baru yang anda buat di My Documents tadi
*lalu file name:terserah anda,name di beri(.)html [contoh fulan.html]
*klik save
*selesai

4.keempat,buka file html anda tadi
Cara membuka file yang anda buat tadi:
*klik start
*klik My Documents
*double klik folder baru anda tadi
*lalu double klik file html anda,biasa berbentuk mozila dll
*selesai
hasil nya seperti ini:

Selanjutnya tinggal di kembangkan sendiri, nanti Di lain waktu saya posting kode-kode nya ...
Selamat belajar ,Di tunggu komen nya!
Thanks you...

Tidak ada komentar:

Posting Komentar