Pengenalan Macromedia Dreamweaver 8

Sekilas Tentang Macromedia Dreamweaver

  Pengertian macromedia dramweaver adalah sebuah software HTML  editor professional  yang digunakan untuk mendesain secara visual dan mengelola situs web dan maupun halaman web . Bilamana kita menyukai untuk berurusan dengan kode-kode HTML secara manual atau lebih menyukai bekerja dengan lingkungan secara visual dengan melakukan editing. dreamweaver membuatnya lebih mudah dengan menyediakan tools-tools yang sangan berguna untuk memudahkan kita dalam peningkatan kemampuan dan pengalaman kita dalam mendesain .

Dreamweaver 8 dalam hal ini digunakan untuk web desain, dreamweaver 8 mengikutsertakan banyak tools untuk kode-kode dalam halaman web beserta fasilitas-fasilitasnya, antara lain : Referensi HTML, CSS dan java script, java script debugger dan editor kode (tampilan code dan kode inspector) yang mengizinkan kita mengedit kode java scipt, XML dan dokumen teks lain secara langsung dalam macromedia dreamweaver.

Tekhnologi dreamweaver roundtrip HTML mampu mengimpor  dokumen HTML tanpa perlu memformat ulang kode tersebut dan kita dapat menggunakan dreamweaver pula untuk membersihkan dan memformat ulang HTML bila kita menginginkanya. Selain itu dreamweaver juga dilengkapi dengan kemampuan manajemen situs, yang memudahkan kita mengelola keseluruhan elemen yang ada dalam situs. Kita juga dapat melakukan evaluasi situs dengan melakukan pengecekan broken link, kompatibillitas browser, maupun perkiraan waktu download halaman web.

Evolusi macromedia dreamweaver diantaranya, sebagai berikut :

• ·    Dreamweaver 3 merupakan versi lamanya yaitu web authoring pada tahun 2000.

• ·     Dreamweaver4 merupakan software yang lebih baik lagi dan lebih canggih pada tahun 2000

• ·  Dreamweaver MX ditampilkan pada tahun  2004, selain software untuk mendesain web juga bias untuk menyunting kode dapat membuat aplikasi web dengan menggunakan byahasa pemrograman JPS,PHP,ASP atau coldfusion. Dilenkapi dengan fasilitas yang cukup lengkap untuk manajemen situs.

• Yang terbaru macromedia dreamweaver 8 ini yang saya pakai, macromedia cs3 dan cs4.

     Dalam Dreamweaver dikenal dua jenis site , antara lain ;

1. Local site, adalah alamat website lokal yang ada dalam local computer dan mengacu pada halaman folder lokal. Folde ini bisa berada di local machine atau bisa juga berada di network server.
2. Remote site, dimana halaman website ini ada di dubnia maya internet. File html dapat diletakkan dalam server atau dikenak dengan web hosting server di jaringan internet.

Untuk melangkah selanjutany anda harus menambahkan informasi pada remote site dan testing server agar website tsb bisa terkases melaui jaringan internet. Dengan cara mentransfer file html pade sebuah server web atau penyedia aplikasi web.

Program ini juga menyediakan stau pengkodean , misalnya

1.       Code editing tool (code coloring, tag completion, cooding toolbar, code collapse)
2.       Language referencs (seperti CSS atau cascading style sheets, Java sricpt, coldfusion markup language atau dikenal dengan CMML,)
3.     Macromedia rountrip HTML technology yang mampu meng-import HTML tanpa harus melakukan reformat kode yang ada di dokumen asal. 

Area Kerja Macromedia dreamweaver 8

Halaman awal macromedia dreamweaver 8

 1. Halaman Awal

    Macromedia Dreamweaver adalah program untuk membuat dan mengedit dokumen HTML secara visual dan mengelola halaman sebuah situs. Dreamweaver menyediakan banyak perangkat yang berkaitan dengan pengkodean dan fitur seperti HTML, CSS, JavaScript, PHP, ASP, ColdFusion, dan XML. 

Pada halaman awal Dreamweaver 8 terdapat beberapa menu yang dapat dipilih :

a. Open a Recent Item

Pada menu ini akan ditampilkan beberapa file yang sebelumnya pernah kita buka dengan menggunakan Dreamweaver 8. Atau di paling bawah ada Open yang dapat digunakan untuk membuka file yang lain.

b.Create New

Pada menu ini kita dapat memilih dokumen baru apa yang akan kita buat dengan menggunakan Dreamweaver 8. Adabanyak pilihan, diantaranya HTML, ColdFusion, PHP, ASP, JavaScript, CSS.

c. Create From Samples

Pada menu ini kita dapat membuat file berdasarkan contoh yang sudah diberikan oleh Dreamweaver.

1. Halaman Utama Dreamweaver 8

halaman utama macromedia dreamweaver 8

Keterangan :

1. Toolbar Dokumen

Toolbar dokumen digunakan untuk mengubah tampilan dan mengakses fungsi-fungsi penting secara cepat dan mudah. Pada toolbar dokumen terdapat menu untuk berpindah antar dokumen kerja window dan mengatur tampilan area kerja. Untuk mengatur tampilan kita bisa memilih Code, Split danDesign.

2. Menu Utama

Menu Utama berisi semua perintah yang dapat digunakan untuk bekerja pada Dreamweaver.

3. Insert Bar

Insert bar merupakan tempa semua perangkat kerja (tombol) tang digunakan untuk membuat halaman web. Insert bar mempunyai dua jenis tampilan, yaitu tampilan sebagai menu dan tampilan sebagai tab.

tampilan insert bar sebagai menu

a. Tab common

Berisi semua tombol yang sering atau umum digunakan untuk membuat halaman web. Tombol yang ada di Tab Common antara lain Hyperlink, Email Link, Named Anchor, Table, Images.

b. Tab Layout

Tab layout digunakan untuk membuat layout halaman web. Terdapat tiga jenis layout yang dapat dipilih, yaitu Standard, Expanded dan Layout.

· Untuk Standard view tampilan dokumen seperti biasa (berupa garis-garis tabel)

· Untuk Expanded view menampilkan border tabel yang direnggangkan sehingga semua rancangan tabel dapat dilihat dengan jelas baik itu baris dan kolomnya.

· Untuk Layout view rancangan tabel ditampilkan sebagai kotak-kotak yang dapat di-drag, dan diatur ulang ukurannya dengan mudah.

c. Tab Form

Tab form digunakan untuk membuat elemen dalam form, misalnya saja textarea, textfield, radio button, checkbox

d. Tab Text

Tab text digunakan untuk membuat pengaturan text. Misalnya saja membuat text italic, strong, underline, h1.

e. Tab HTML

Tab HTML digunakan untuk membuat garis horizontal, menambahkan meta tag dalam tag , dan frame.

f. Tab Application

Tab application digunakan jika aplikasi kita sudah berhubungan dengan suatu bahasa pemrograman dan sebuah database.

g. Tab Flash elements

Tab flash elements digunakan untuk memasukkan elemen flash dalam dokumen yang kita buat.

1. Code View

Kode view digunakan untuk melihat kode HTML dari halaman web yang sedang kita biat

2. Panel Properties

Panel properties merupakan panel yang digunakan untuk melihat dan mengubah property dari semua objek yang ada di area kerja. Masing-masing objek mempunyai property yang berbeda. Untuk melihat property dari objek yang diinginkan, seleksi dulu objek tersebut.

3. Design View

Design View digunakan untuk melihat tampilan web dari kode HTML yang kita buat.

Tweet

Pengenalan Web

KONSEP dasar WEB

Web ¹ Internet

·         Internet adalah seluruh jaringan komputer yang saling terhubung menggunakan standar sistem global TCP/IP sebagai protokol pertukaran paket (packet switching communication protocol) untuk melayani miliaran pengguna di seluruh dunia.

·       Web adalah salah satu aplikasi yang berisikan dokumen-dokumen multimedia (teks, gambar, animasi, video) di dalamnya yang menggunakan protokol HTTP (hypertext Transfer protocol) dan untuk mengaksesnya menggunakan perangkat lunak yang disebut browser.

Perbedaan Utama :  Internet adalah hardware;  

                                Web adalah software

Banyak aplikasi berbasis internet diantaranya :

Ex : email, telnet, ftp, usenet, Instant Messenger, Napster, … 

Pengertian Situs Web

Situs web merupakan kumpulan dari halaman web yang sudah di publikasikan di jaringan internet dan memiliki domain/URL  yang dapat di akses semua pengguna Internet dengan cara mengetikkan alamatnya.

HTTP

HTTP (HyperTextTransfer Protocol) adalah protokol yang dipergunakan untuk mentransfer dokumen dalam World Wide Web(WWW). 

WWW

World Wide Web adalah halaman-halaman website yang dapat saling terkoneksi satu dengan lainnya (hyperlink) yang membentuk samudra belantara informasi.

PENGERTIAN URL dan URI

1.URL

Uniform Resource Locator adalah rangkaian karakter menurut suatu format standar tertentu, yang digunakan untuk menunjukkan alamat suatu sumber seperti dokumen dan gambar di Internet.

2. URI

Uniform Resource Identifier adalah sebuah untaian karakter yang digunakan untuk mengidentifikasi nama, sumber, atau layanan di Internet.

Perbedaan URL  dan URI

• ·         URL (Uniform Resource Locator)

URL digunakan oleh sebuah browser untuk mengidentifikasi sumber daya yang ada di internet yang dituliskan dalam satu baris teks.

·        URL merupakan bagian dari URI

·   URL menunjuk ke suatu halaman web yang menggunakan “scheme” tanpa menggunakan code fragment.Contoh :http://amikom.ac.id/profile.html

• ·         URI (Uniform Resurce Identifier)

URI digunakan browser untuk mengidentifikasi dokumen tunggal dan dituliskan dalam satu baris teks.

·       URI digunakan untuk mengidentifikasi suatu resource dengan lokasi atau nama, ataupun keduanya.

·  URI menunjuk ke suatu halaman web, termasuk lokasi code fragmentnya (apabila ada) dan “scheme”.Contoh :http://amikom.ac.id/profile.html#satu

        Konsep web statis dan dinamis

Web berdasarkan teknologinya terbagi menjadi dua, yaitu : 

• Web  Statis  merupakan  jenis  Website  yang  mana  penggunanya  tidak  bisa  merubah kontent  dari  Web  tersebut  secara  langsung  menggunakan  Browser.  Interaksi  yang  terjadi antara  pengguna  (client)  dan  server  hanyalah  seputar  pemrosesan  link  saja. Jenis  Web  seperti  ini  menggunakan  Client  Side  Script  yang  mana  script -script  yang  dapat dimengerti oleh komputer Client saja (Browser) seperti HTML, JavasScript, DHTML, CSS, dan lain sebagainya.

Contoh web statis undercontraction

• Web  Dinamis  merupakan  jenis  Website  dengan  interaksi  yang  terjadi  antara pengguna dan server sangat kompleks. Di mana seseorang (Client) dapat mengubah Content dari halaman tertentu  dengan  menggunakan  Browser.  Request  yang  dikirimkan  oleh pengguna  dapat diproses  oleh  server  untuk  kemudian  ditampilkan  dalam  isi  yang  berbeda beda  menurut alur programnya.

Contoh web dinamis

ž  Jenis pemrograman web :

• Web  server  adalah  program  aplikasi  yang  memiliki  fungsi  sebagai  tempat menyimpan  dokumen-dokumen  web.  Jadi  semua  dokumen  web  baik  yang  ditulis menggunakan client side scripting maupun server side scripting tersimpan di dalam direktori utama web server (document root)

• Server Side Scripting  merupakan sebuah teknologi scripting atau pemrograman web dimana script  (program)  dikompilasi  atau  diterjemahkan  di  server.  Dengan  server  side scripting, memungkinkan untuk menghasilkan halaman web yang dinamis. Contoh : ASP(Active Server Pages), PHP(Hypertext Preprocessor, JSP(Java Server Pages).

• Xampp merupakan  paket  PHP  dan  MySQL  berbasis  open  source,  yang  dapat digunakan sebagai tool pembantu pengembangan aplikasi berbasis PHP.Setiap  web  server  memiliki struktur  direktori  kerja  (webroot  atau  document  root) yang berbeda. Direktori ini difungsikan untuk menyimpan seluruh file aplikasi web, termasuk dokumen PHP. Dalam paket xampp yang di instal, tersedia sebuah folder kerja dengan nama htdocs.  Untuk  mengakses aplikasi  web  anda  dengan  mengetik  alamat  di  browser http://localhost/nama-fo lder, http://127.0.0.1/nama-fo lder  atau  menggunakan  nomor  IP Address komputer anda, contoh: http://192.168.1.3/nama-folder.

Tweet

HTML (Hyper Text Markup Language)

HTML (Hyper Text Markup Language)

adalah sebuah bahasa markup/penandaan yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web internet dan formatting hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang teritegrasi. Dengan kata lain berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal sehingga menjadi home page dengan kode-kode HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan didunia penerbit dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language).

Merupakan bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilakn halaman web yang terdiri dari berbagai macam format file seperti teks, grafik, animasi, link, maupun audio-video.

Sedangkan Web browser adalah sebuah program yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. contoh dari Web Browser adalah Internet Explorer, Netscape Navigator, Mozilla Firefox, Opera, Safari, dll.

HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html"

Sedangkan HTML 5 merupakan sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML dan hingga bulan Juni 2011 masih dalam pengembangan. (sumber : Wikipedia)

SEJARAH SINGKAT HTML

Di akhir tahun 1980an, Tim Berners-Lee bekerja sebagai seorang physicist di CERN (Sebuah Organisasi untuk research nuklir di eropa). Beliau merancang sebuah jalan bagi para scientis untuk berbagi dokumen melalui internet. Sebelum invensi ini, komunikasi melalui internet hanya terbatas pada dokumen teks biasa menggunakan beberapa teknologi seperti email,, FTP (File Transfer Protocol), dan Panel diskusi berbasis Usenet. Invensi dari HTML memanfaatkan model dan konten yang disimpan dalam server pusat yang dapat ditransfer dan ditampilkan pada workstation lokal melalui browser. Invensi ini menyederhanakan akses terhadap konten dan memungkinkan untuk menampilkan konten yang "kaya" (seperti  pemformatan teks yang mutakhir dan menampilkan gambar).

PERKEMBANGAN HTML

• HTML 1 (barners-lee, 1989) : sangat 
dasar,integrasi terbatas pada multimedia. Tahun 
1993 Mosaic menambahkan beberapa fitur baru 
(integrasi image)

HTML 2.0 (IETF, 1994) : lembaga resmi HTML adalah world wide consortium (w3c), yang bekerjasama dengan internet engineering task force (IETF) mencoba untuk membuat standar 
kode-kode HTML dan menambah fitur-fitur lain, tapi kenyataannya hingga tahun 1994-1996 
netscape dan microsoft dengan IE seringkali juga telah mengembangkan berbagai tag “perluasan” 
bagi HTML.

draf HTML 3.0, yang diterbitkan pada tahun 1995, berusaha untuk membangun lebih lanjut HTML 2.0 dengan penambahan kemampuan seperti tabel dan pengendalian aliran teks disekeliling gambar. Meski berbagai kemampuan HTML 3.0 ini telah diterapkan oleh pengembang browser, namun banyak pula yang tidak. Pada berbagai kasus, pendekatan lain yang justru diterapkan oleh pengembang browser justru menjadi lebih populer daripada tag "resmi". Draf HTML 3.0 sekarang telah kedaluwarsa, dan oleh karenanya gugur dan tidak lagi diakui sebagai standard resmi.

HTML 3.2 (W3C, 1996) : Menyatukan kedalam standar tunggal tetapi tidak mengarah ke
teknologi yang lebih baru seperti java applet dan video straming.

HTML 4.0 (W3C, 1997) : Usaha standarisasi menunjuk ke fitur diluar peta HTML, tetapi tidak
menunjuk ke suatu vendor .

 XHTML 1.0 (W3C, 2000) : HTML 4.01dimodifikasi untuk menyesuaikan diri ke standar XML.

HTML 5 (W3C dan WHATWG, 2009 ) : Bekerjasama untuk pengembangkan HTML5

Tweet

Belajar dasar-dasar belajar HTML

Dokumen HTML disusun oleh elemen-elemen. Elemen merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML.

Contoh elemen : head, body, title, paragraf, dan list.

Elemen
Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana: 
<title> ini adalah tag pembuka judul dokumen HTML 
Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML 
</title> ini adalah tag penutup judul dokumen HTML 
Tag-tag yang ditulis secara berpasangan pada suatu element HTML,  tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya. 

 Element HEAD Merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>.

Sintaks:

<head>
...........
</head>

 Element BODY
Element ini untuk menampilkan isi dokumen HTML. Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>.
Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.

Sintaks:

<body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z">
..............
</body>

 Element TITLE Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.

Sintaks:

<title>
.........
</title>

Paragraf

Untuk membuat paragraf digunakan tag <P>. Setelah tag <P> Anda bisa menulis isi paragraf dan paragraf tersebut harus diakhiri dengan penutup </P>. Anda bisa mengatur posisi paragraf dengan attribut ALIGN. Atribut ALIGN diikuti dengan posisi yang diinginkan.LEFT untuk rata kiri, CENTER untuk rata tengah dan RIGHT untuk rata kanan.

Atribut

Atribut merupakan informasi tambahan yang dapat kita berikan untuk sebuah elemen. Setiap elemen memiliki atribut yang berbeda-beda, meskipun terdapat beberapa atribut standar yang dapat digunakan oleh semua elemen.

Atribut khusus elemen dibuat ketika nilai atribut tersebut memang hanya pantas digunakan untuk elemen tersebut. Misalnya, untuk elemen img yang digunakan untuk menampilkan gambar, terdapat atribut untuk menentukan di mana sumber gambar yang akan ditampilkan di simpan. Atribut ini tentunya tidak akan berguna untuk elemen p, yang hanya menampilkan teks.

Atribut standar yang dimiliki oleh semua elemen sendiri merupakan atribut yang umumnya dapat diimplementasikan oleh semua elemen, misalnya atribut “id” untuk identifikasi elemen, atau “class” untuk klasifikasi elemen.

Kode di bawah menunjukkan contoh elemen a yang digunakan dengan atribut wajib elemen tersebut (href):

<a href=``http://www.bertzzie.com''>Ini adalah sebuah link</a>

Kode di atas memberikan contoh atribut href yang dimiliki oleh elemen a. Atribut ini berguna untuk memberikan referensi hyperlink dari sebuah elemen (karenanya namanya “href” - hyperlink reference). Atribut-atribut yang dimiliki oleh tiap-tiap elemen akan dibahas lebih lanjut ketika pembahasan dari sebuah elemen dilakukan.

Tag HTML

Adalah teks khusus (markup) berupa dua karakter "<" dan ">",  sebagai contoh <body> adalah tag dengan nama body. Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body> ini adalah tag 
pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML.

Syarat Penulisan Tag HTML

• Tag html diapit dua karakter kurung sudut

• Tag html secara normal selalu berpasangan

• Tag html tidak case sensitive

• Tag akhir tidak boleh bersilang dan harus berurutan.

TAG-TAG DASAR HTML

• <html>Mendefinisikan bahwa dokumen HTML

• <head> tentang dokumen web yang ditampilkan

• <title> untuk menuliskan judul dari dokumen HTML

• <body> untuk section utama dalam dokumen HTML

• <p> Paragraf

• <br> Line Break atau ganti baris

• <h1>s/d<h6> Heading untuk judul dan sub judul

• <hr> Penggaris Mendatar align:[left | center| right] default center, size:pixel(tebal garis, default            2) width:panjang(lebar garis, pixel atau persen, default 100%) noshade (garis solid)

• <!-- komen di html --> Komentar pada HTML

Contoh struktur kode HTML :

<html>

<head>

<title> Judul </title>

<meta name="description" content="tulis penjelasan singkat tentang situs anda">

<meta name="keyword" content="tulis kata kunci">

</head>

<body>

isi halaman anda

</body>

</html>

Mengenal Struktur HTML Dasar

Jika anda benar-benar sangat pemula, maka setidaknya anda harus mengerti dan mengetahui contoh dan strukturnya si HTML ini. Secara dasar, anda bisa melihat bagaimana struktur HTML tersebut seperti dibawah ini.

Contoh Halaman Web dengan Bahasa HTML dasar:

<html>
<head>
<title>Judul Belajar TML Pemula</title>
</head>
<body>
Selamat pagi pemirsa, nama saya pemula. Saya mau belajar agar pintar HTML. dimanakah tempat belajar HTML yang terlengkap, terbaik dan pas buat saya?
</body>
</html>

Dari struktur tersebut terlihat jelas bahwa sebuah HTML. Menampilkan tulisan pada halaman website dengan menggunakan kode-kode atau source. Dimana Kode source HTML tersebut tidak akan ditampilkan pada browser (tidak terlihat pleh si pembaca), namun kode2 HTML inilah yang akan memerintahkan browser untuk menampilkan seperti apa halaman yang kita buat. Seperti kode source diatas jika ditampilkan maka akan terlihat:

Title =  Judul Belajar TML Pemula
Isi = Selamat pagi pemirsa, nama saya pemula. Saya mau belajar agar pintar HTML. dimanakah tempat belajar HTML yang terlengkap, terbaik dan pas buat saya?

Contoh ini mungkin sangat mendasar dan tentu saja anda tidak puas dengan ini. Masih banyak kode-kode source lainnya untuk bisa menampilkan sebuah halaman web supaya lebih cantik dan seperti yang kita inginkan. Saatnya anda mulai untuk menyiapkan diri baik fisik maupun mental yang siap untuk untuk memepelajari html ini.

FORMAT KARAKTER

Format terhadap karakter yang di tampilkan akan sangat berguna untuk membuat sebuah dokumen HTML yang menarik. Pemformatan karakter mencakup beberap hal:

• Logical Format akan menerapkan layout dokumen secara logis dan terstruktur. 

• Physical format adalah format terhadap fisik suatu font.

LOGICAL FORMAT

Tag-tag yang termasuk logical format adalah sbb:

• <cite> untuk menandai suatu kutipan (citation)

• <code> untuk menampilkan kode-kode program

• <em> untuk memberi tekanan pada teks (emphasize)

• <kbd> untuk menandai suatu teks yang harus dimasukkan oleh user melaui keyboard

• <samp> untuk menandai suatu teks yang dimaksudkan sebagai contoh

• <strong> untuk menandai bagian yang terpenting dari suatu teks

• <var> untuk menampilkan nama variabel

• <dfn> untuk menandai sebuah subdefinisi dari daftar definisi.

Tag berikut untuk memasukkan gambar format .jpg dan caption-nya:

<img scr= »/files/XXXX XXXXX.jpg » title= »CAPTION (CREDIT) » alt= »CAPTION CREDIT) »>

Berbagai tag yang lebih panjang dapat memasukkan audio, foto, dan video. Demikianlah, sharing platforms menyediakan embedding code yang juga berupa HTML untuk di-copy dan di-paste dalam konten anda sendiri.

PHYSICAL FORMAT

Tag-tag yang termasuk logical format adalah sbb:

• <b> untuk menampilkan huruf tebal

• <i> untuk menampilkan huruf miring

• <u> untuk menampilkan garis bawah pada teks

• <tt> untuk menmpilkan huruf seperti huruf mesin ketik

• <strike> untuk menampilkan garis horizontal pada bagian tengah huruf

• <big> untuk menampilkan ukuran huruf yang lebih besar

• <small> untuk menampilkan ukuran huruf yang lebih kecil

• <sub> untuk menampilkan subscript

• <sup> untuk menampilkan superscript(di cetak naik)

FORMAT TEKS BLOCKQUOTE

• Fungsinya browser akan menampilkan teks menjorok ke dalam PERFORMATTED TEXT <PRE>

• Fungsinya untuk menampilkan teks sama seperti yang ada ketikkan dalam dokumen HTML 

LIST

List item merupakan perintah yang di gunakan dalam HTML untuk membuat daftar atau pengelompokkan kata [list]. 

Unordered List (Bullet)

• <ul>: Digunakan membuat list dengan tanda bullet. Type Atribut yang menyertai yaitu:

– Circle (Default)

– Disc

– Square 

Ordered List (Numbering)

• <ol> : Digunakan membuat list dengan numbering. Type atribut yang menyertai:

I : Menggunakan romawi huruf besar

i : Menggunakan romawi huruf kecil

a : Menggunakan abjad huruf kecil

A : Menggunakan abjad huruf besar

1 : Default

1.      Link HTML

Dokumen HTML menggunakan hyperlink (anchor) untuk menghubungkan kepada dokumen lain. Dokumen ini bisa berupa teks dan / atau gambar yang saling menghubungkan menuju ke dokumen atau bagian lain dalam suatu dokumen. Browser web akan menyorot teks atau gambar yang di identifikasi sebagai link dengan warna atau garis bawah untuk menunjukkan bahwa itu adalah hyperteks link sering di singkat hyperlink atau link saja.

                            

Link html terdapat 3 jenis yaitu diantaranya sebagai berikut:

·         Link Relatif

Dibuat apabila anda membuat suatu link pada page anda ke page lain pada komputer yang sama, tidak memerlukan menggunakan alamat internet yang lengkap.

·         Link Absolut

Dibuat apabila anda membuat link ke page web lain yang berada pada web site lain di internet. Dalam hal ini anda harus menuliskan alamat internet secara lengkap.

·         Link ke Bagian Lain dalam Dokumen

Link jenis ini di buat untuk dokumen yang panjang sekali, sehingga apabila di tampilkan dalam browser web akan mengharuskan kita melakukan scroll layar berulang-ulang. Navigasi untuk penelusuran dokumen dapat dimudahkan dengan membuat link antarbagian, dengan menandai setiap bagian tersebut dengan memberinya nama.

Bagaimana, apakah anda sudah siap Belajar HTML?

Pertanyaan ini sederhana tapi cukup semangat. Ini tentu saja adalah keinginan seorang pemula untuk bisa belajar HTML. lalu dimanakah kita bisa mempelajarinya?

Tempat belajar HTML terlengkap dan benar-benar bisa membuat anda lebih dalam untuk pintar bahasa pemograman web adalah di www.w3schools.com/html/ atau bisa juga di  www.w3.org/html/.

Tweet