TUGAS KULIAH: 2017

Kamis, 12 Januari 2017

pengertian Text Editor

pengertian Text Editor

Text Editor merupakan sebuah software aplikasi atau program komputer yang memungkinkan penggunanya membuat, mengubah, atau mengedit file teks (plain text). Text editor dapat digunakan untuk membuat program-program komputer, mengedit source code bahasa pemograman, serta membuat halaman web atau template web design dan pembuat apelikasi kertentu

Aplikasi ini secara umum bayak digunakan untuk tujuan pemrograman.

Text Editor mempuyai fitur-fitur sangat kecil dan sederhana, sementara ada beberapa text editor lain menawarkan fungsi luas dan kompleks. Misalnya, Unix dan Linux – dalam sistem operasi memiliki Editor VI (atau varian), namun banyak juga yang mencakup editor Emacs. Sedangkan sistem operasi Windows menyediakan Notepad setandar, banyak programmer lebih menyukai text editor lain yang lebih banyak fiturnya.

Text editor

]

Sublime Text

merupakan text editor cross-platform dan source code editor, dengan Python Application Programming Interface (Python API). Fungsinya juga ditambahkan dengan plugins, dan perangkat lunak ini bukanlah berbasis open source, bukan perangkat lunak gratis, namun sebagian besar paket tambahan memiliki linsensi free-sotware dan dibangun maupun dikembangkan komunitas. Aplikasi ini mendukung berbagai macam bahasa pemrograman, diantaranya: ASP, ActionScript, C, C#, CSS, HTML, JSON, Java, JSP, JavaScript, PHP, Pascal, Perl, Python, Ruby on Rails, SQL, dan lain-lain. Untuk mengunduh perangkat lunak ini, silakan kunjungi website http://www.sublimetext.com/.

Notepad++

adalah text editor dan source code editor pada platform Windows. Perangkat lunak ini sagat ringan dan kuat untuk berbagai bahasa pemrograman. Salah satu kelebihan Notepadd++ kemampuannya di atas Notepad++ yang tertanam dalam Windows itu sendiri, diantaranya mendukung pengeditan tab, mengjijinkan bekerja dengan beberapa file. Perangkat lunak ini didistribusikan sebagai perangkat lunak bebas free atau geratis. telah diletakkan pada SourceForge.net, di mana aplikasi ini telah diunduh lebih dari 27 juta kali dan dua kali memenangkan SourceForge Community Award untuk kategori Best Developer Tool. Proyek ini disimpan di TuxFamily sejak Juni 2010. Untuk menampilkan dan mengedit teks bahasa pemrograman maupun source code, Notepad++ menggunakan komponen Editor. kalo teman-teman mau mengunakan apelikasi ini , silakan kunjungi website http://notepad-plus-plus.org/.

dan masih bayak text editor yang bisa digunaka

teman-teman bisa langsungkunjui setus-situs berikut

CROSS PLATFORM http://www.aptana.com/.

GBluefish http://bluefish.openoffice.nl/index.html.

Komodo Edit http://www.activestate.com/komodo- edit.

TextMate http://macromates.com/.

Rabu, 11 Januari 2017

Membuat Paragraf di HTM

Membuat Paragraf di HTM

kali ini melanjutkan memebuat paragraf yang saya tulis sebelumnya tentang belajar html yaitu Konsep Dasar HTML, Memahami Konsep Elemen HTML.

Sedikit mengulang buat temen-temen yang baru bergabung dalam seri tutorial belajar html yang saya tulis ini, bahwa HTML adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web. Untuk lebih jelasnya mungkin kamu bisa baca tulisan saya sebelumnya. Pada kesempatan kali ini kita akan menjalankan paragtaf html menggunakan notped++

Contoh penulisa parageraf 1

<!DOCTYPE html>

<html>

<head>

</head>

<body>

paragraf pertama

paragraf kedua

paragraf ketiga

</body>

</html>

Kita akan melihat bahwa paragraf tersebut tidaklah berada pada baris berbeda, namun berada pada satu baris yang sama. Dalam HTML, spasi akan diabaikan,.

HTML menyediakan tag khusus untuk membuat paragraf html . Penulisannya menggunakan huruf( p ), sebagai berikut : <p>. Mari kita mencoba menulisa menambahkan tag <p>.

Contoh penulisa parageraf 2

Paragraf (<p>)

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<p> paragraf pertama </p>

<p> paragraf kedua </p>

<p> paragraf ketiga </p>

</body>

</html>

Gambar

Walaupun tanda spasi tidak akan dianggap dalam HTML, namun untuk membuat kode HTML, menjorokkan (indent) beberapa baris dalam suatu tag html itu tersendiri

Membuat table tag html

Membuat table tag html

kali ini melanjutkan memebuat table di dalam html yang saya buay tentang belajar html yaitu Konsep Dasar HTML, Memahami Konsep Elemen HTML.

di Dalam data tabel yang terstruktur atau tampilan dari database biasanya akan membuatnya bentuk tabel untuk keperluan tertentu . tag HTML juga menyediakan Tabel tag digunakan untuk menampilkan data dalam bentuk tabel yang kita buat. Dalam belajar HTML cara membuat tabel HTML ini kita akan membahas cara penggunaannya, denagan mengunakan tag <tr> dan <td>

penjelasn

Tag <table> untuk memulai membuat tabel

Tag <tr> merupakan singkatan dari table row, digunakan untuk membuat baris dari tabel itu sendiri.

Tag <td> merupakan singkatan dari sebuah table data itu senri, digunakan untuk menginput data ke tabel.

<!DOCTYPE html>

<html>

<head>

<title>membuat Tabel</title>

</head>

<body>

<h1>membuat Tag Tabel</h1>

<tr>

<td>Baris 1, Kolom 1</td>

<td>Baris 1, Kolom 2</td>

<td>Baris 1, Kolom 3</td>

</tr>

<tr>

<td>Baris 2, Kolom 1</td>

<td>Baris 2, Kolom 2</td>

<td> Baris 2, Kolom 3</td>

</tr>

<tr>

<td> Baris 3, Kolom 1</td>

<td> Baris 3, Kolom 2</td>

<td> Baris 3, Kolom 3</td>

</tr>

<tr>

<td> Baris 4, Kolom 1</td>

<td> Baris 4, Kolom 2</td>

<td> Baris 4, Kolom 3</td>

</tr>

</table>

</body>

</html>

Kali ini temen-teman sudah membuat table menggunakn tag table ,tr dan td,

Membuat Judul atau Heading di HTML

Membuat Judul atau Heading di HTML

kali ini melanjutkan memebuat paragraf yang saya tulis sebelumnya tentang belajar html yaitu Konsep Dasar HTML, Memahami Konsep Elemen HTML.

HTML menyediakan tag khusus untuk membuat judul atau di dalam HTML lebih di kenal istilah: heading dan Heading dirancang terpisah dari paragraf. Tag Heading biasanya digunakan untuk judul dari paragraf itu sendiri , bias juga disebut judul

Tag heading merupakan elemane HTML terdiri dari 6 tingkatan, yaitu <h1>, <h2>, <h3>, <h4>, <h5>, <h6>. Tag heading secar tampilkan oleh web browser dengan huruf tebal (bold). Tampilan dari tag header juga dibuat bertingkat. Tag header <h1> memiliki ukuran huruf paling besar, sedangkan <h6> terkecil.

Mari kita coba menjalankan Membuat Judul atau Heading di HTML.

contoh penulisan

<!DOCTYPE html>

<html>

<head>

<title>penggunaan tag heading</title>

</head>

<body>

<h1>tag dengan h1 </h1>

<h2>tag dengan h2 </h2>

<h3>tag dengan h3 </h3>

<h4>tag dengan h4 </h4>

<h5>tag dengan h5 </h5>

<h6>tag dengan h6 </h6>

</body>

</html>

Google akan memberikan nilai lebih untuk wep itu sendiri. Biasanya semakin tinggi tingkat heading, semakin tinggi pula penekanan search engine. Tag <h1> dianggap lebih bernilai dari pada <h2>. Tag <h1> umumnya digunakan untuk judul sebuah konten atau artikel itu sendiri.

Membuat Daftar

Membuat Daftar

tag HTML (tag ol, ul dan li)

kali ini melanjutkan memebuat paragraf yang saya tulis sebelumnya tentang belajar html yaitu Konsep Dasar HTML, Memahami Konsep Elemen HTML.

HTML menyediakan tag khusus untuk membuat judul atau di dalam HTML lebih di kenal istilah: Membuat Daftar dan List di HTML (tag ol, ul dan li) dirancang terpisah dari paragraf. Tag tersebut biasanya digunakan untuk Membuat Daftar dan List di HTML (tag ol, ul dan li) dari paragraf itu sendiri ,

tag <ol>, dan unordered list menggunakan tag <ul>, sedangkan untuk list sendiri menggunakan tag <li>.

Mari kita coba Membuat Daftar dan List di HTML (tag ol, ul dan li)

Contoh 1 meggunakan (ol)

<!DOCTYPE html>

<html>

<head>

<title>penggunaan tag list </title>

</head>

<body>

<h1>daftar </h1>

<ol>

<li>murtandlo 1</li>

<li>murtandlo 2</li>

<li>murtandlo 3</li>

<li>murtandlo 5</li>

</ol>

</body>

</html>

Mari kita coba Membuat Daftar dan List di HTML (tag ol, ul dan li)

Contoh 1 meggunakan (ol)

<!DOCTYPE html>

<html>

<head>

<title>penggunaan tag list </title>

</head>

<body>

<h1>daftar </h1>

<ul>

<li>murtandlo rerus semagat </li>

<li>murtandlo berusaha </li>

<li>murtandlo takkan meyerah</li>

<li>murtandlo takkan putusas</li>

<li>murtandlo takkan goya</li>

</ul>

</body>

</html>

Penggunaan tag HTML tidak hanya untuk membuat daftar saja. Dengan CSS, tag list html dapat digunakan untuk membuat menu navigasi di dalam halaman web, seperti menu home dll.jga bisa memperindah web teman-teman, Tag list html, dapat digunakan untuk nested list, atau list bersarang, yang artinya sebuah list yang berada di dalam list lainnya.

Pengertian web browser

Pengertian web browser adalah perangkat lunak yang berfungsi untuk menampilkan dan melakukan interaksi dengan dokumen-dokumen yang disediakan oleh server itu sendiri. web browser merupakn teks dan belum dapat menampilkan nama ,gambar, web browser sekarang begitu berkembang tidak hanya menampilkan gambar dan teks saja, tetapi juga bias menamplkan dan memutar file multimedia seperti video dan suara. Web browser juga dapat mengirim dan menerima email, mengelola HTML itu sendiri , sebagai input dan menjadikan halaman web sebagai hasil output yang informative , Dengan menggunakan web browser kita dapat mengakses , internet berbagai informasi.

Menurut pakar

Sejumlah definisi atau pengertian website menurut para ahli dapat kami share berikut ini:

Pengertian web browser adalah sebuah apelikasi yang megupulkan halaman web yang saling terhubung dan file-filenya saling terkait. Web terdiri dari page atau halaman, dan kumpulan halaman yang dinamakan homepage. Homepage berada pada posisi teratas, dengan halaman-halaman terkait berada di bawahnya. Biasanya setiap halaman di bawah homepage disebut child page, yang berisi hyperlink ke halaman lain dalam web (Gregorius, 2000:30)

Salah satu yang bayak orang mengunakn adalah Internet Explorer pada sekitar tahun 2000-an. diperkirakan sekitar 90% web browser yang digunakan saat itu adalah Internet Explorer, dan IE tidak sepenuhnya mengikuti aturan dan rekomendasi W3C. Sedangkan web browser Opera yang mencoba menerapkan standar W3C tidak terlalu digunakan seperti Internet Explorer . Perbedaan aturan penerjemahan HTML di antara web browser inilah yang terus menjadi tantangan bagi programmer itu sendiri.

Kalian bisa mendapatkan web browser silahkan pilih kesukan teman-teman

internet explorer

download disini

Mozilla

downloaddisini

opera

downloaddisini

Selasa, 10 Januari 2017

cara menjalankan

cara menjalankan cara menjalankan

Setelah teman- teman sudah berasil instal web browser dan text editor kali ini kita akan coba menjalankan file HTML

Untuk memudahkan kita dalam mengakses file HTML buat folder baru di Driver C ini akan memudahkan kita untuk memanggil ke web browser yang teman- teman berasil install tadi

Selanjutnya buka aplikas teman-teman bias menggunakan notepad bawan Windows itu sendiri, disini saya akan menggunakan notepad++ yang terbaru kalo kalian belum punya disa downloads disini

Cara simpan file yang kita buat tadi kalian langsung simpan ctrl-S itu untuk memudahkan kita belajar lalu simpan di folder yang kita buat tadi.

Cara memaggil silahkan masuk ke folder kalian setelah masuk kelik dua kali, atua klik kanan “open with”pilih web broser yang kalian sukai disain saya menggunakan firefox

Dari percobaan ini kita dapat melihat bahwa setiap halaman HTML harus diakhiri dengan extensi .html. Anda mungkin juga akan menemukan beberapa halaman juga memiliki ekstensi .htm, eksetensi ini digunakan untuk mendukung Windows versi lama yang masih menggunakan ekstensi 3 huruf di belakang sebuah file.

KODE HTML

KODE HTML
SEBELUM KITA ESKUSI MARI KITA MENGGENAL KODE HTML

CONTOH 1

<html>
<head>
<title>JUDUL WEP</title>
</head>
<body>
<i> contoh tulisan miring</i><br/>
<b> contoh tulisan ditebalkan</b><br/>
<u> contoh tulisan digarisbawahi</u><br/>
<p>contoh memebaut parageraf baru </p>
</body>
</html>

CONTOH 2

<html>
<head>
<title>judul wep</title>
</head>
<body>
<body bgcolor="red">
<h1>Saya Sedang Belajar HTML</h1>
<center>
<font size="13" color="black" face="arial">
<p>Membuat HTML Itu Mudah Lo</p>
<u>Itu semua mudah jika anda serius mempelajarinya :)</u>
</font>
<br>
<marquee>
<img src="gambar.jpg atau memasukan URL gambar"> //* Satukan File HTML dengan gambar yg anda masukan agar dapat dibaca
</marquee>
</center>
</body>
</html>

Dan masih bayak lagi kode-kode html yang saya jelaskan di atas adalah kode html yang sering di gunakan

Senin, 09 Januari 2017

apasaja yang kita saiapkan untuk menjalan html

apasaja yang kita saiapkan

aplikasi apa saja yang akan kita butuhkan pada saat ingin belajar HTML, karena nanti ketika pas kita di tengah jalan pas belajar HTML, aplikasi-aplikasi yang kita persiapkan dari awal ini akan kita pakai. Agar kita nggak ribet nantinya alangkah lebih baik kita persiapkan lebih dulu.

kita harus mempunyai yaitu

1. web browser disini saya menggunakan mozilla karena nanti kita akan menampilkan hasil code Html
bila teman-teman belum punya disa downloads disini

2.text editor
Kita akan menggunakan text editor ketika kita edit code html, ada beberapa text editor yang bisa kita gunakan salah satunya bagi pemula bisa menggunakan notepad++ atau yang lain pilih kalo teman-teman belumpunya bisa downloads disini

Pegertian html

https://www.blogger.com/blogger.g?blogID=470043811619860696#editor/target=post;postID=4045494066177018362

merupakan salah satu markah yang digunakan untuk membuat sebuah halaman web dengan kata lain dasas sebuah web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hypertext sederhana yang ditulis dalam berkas format ASCII agar dapat menghaslakn tampilan terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML itu sendiri
HTML berawal dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang sering disebut dengan Standard Generalized Markup Language (SGML), HTML adalah sebuah bahasa yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini menjadi standar Internet yang didefinisikan dan dikendalikan penggunannya oleh World Wide Web Consortium (WWWC)

keguan html

HTML adalah sebuah salah satu dokumen tulisan biasa, hanya dalam dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG html itu sendiri drngan tertentu. Sebagai contoh jika ingin membuat tulisan ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: <b> TAMPIL TEBAL</b>. Tanda <b>digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh tulisan yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut. HTML lebih menekankan pada penggambaran komponen-komponen struktur dan format di dalam halaman web daripada menentukan penampilannya. Sedangkan penjelajah web digunakan untuk menginterpretasikan susunan halaman ke gaya built-in penjelajah web dengan menggunakan jenis tulisan, tab, warna, garis, dan perataan text yang dikehendaki ke komputer yang menampilkan halaman web. Salah satu hal Penting tentang eksistensi HTML adalah tersedianya Lingua franca (bahasa Komunikasi) antar komputer dengan kemampuan berbeda. Pengguna Macintosh tidak dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat dalam pc berbasis Windows. Pengguna Microsoft Windows pun tidak akan dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat pada pengguna yang menggunakan Produk-produk Sun Microsystems. namun demikian pengguna-pengguna tersebut dapat melihat semua halaman web yang telah diformat dan berisi Grafika salah satu web yang begitu bayak orang mencontoh adalah wikipedia

MENU

Kamis, 12 Januari 2017

Rabu, 11 Januari 2017

contoh penulisan

Selasa, 10 Januari 2017

Senin, 09 Januari 2017

Pegertian html

keguan html