Kamis, 09 Oktober 2014

Rangkuman Materi WEB Dari HTML Hingga Table


Apa itu HTML?

HTML yaitu bahasa web untuk menterjemahkan web documents (web pages).
  • HTML singkatan dari Hyper Text Markup Language
  • Sebuah bahasa markup digunakan penanda markup
  • Dokumen HTML dideskripsikan oleh penanda HTML
  • Setiap penanda HTML mendeskripsikan konten dokumen yang berbeda
     

    Penjelasan Contoh

  •  Deklarasi DOCTYPE menjelaskan tipe dokumen
  •  Teks di antara <html> dan </ html> menjelaskan dokumen web
  •  Teks di antara <body> dan </ body> menggambarkan isi halaman yang terlihat
  •  Teks di antara <h1> dan </ h1> menggambarkan judul

Menggunakan deskripsi, web browser dapat menampilkan dokumen dengan judul dan paragraf.
HTML Tag

Tag HTML adalah kata kunci (nama tag) dikelilingi oleh kurung sudut:
<tagname> isi </ tagname>
  •      Tag HTML umumnya selalu berpasangan seperti <p> dan </ p>
  •      Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir
  •      Tag akhir ditulis seperti tag awal, tetapi dengan sebuah garis miring sebelum nama tag

Catatan tag awal sering disebut tag pembuka. Tag akhir sering disebut tag penutup.

Web Browsers

Tujuan dari web browser (Chrome, IE, Firefox, Safari) adalah untuk membaca dokumen HTML dan menampilkannya.

Browser tidak menampilkan tag HTML, tetapi menggunakan mereka untuk menentukan bagaimana menampilkan dokumen:

 

Struktur HTML Halaman

Di bawah ini adalah visualisasi dari sebuah struktur halaman HTML:


 Versi HTML

Sejak hari-hari awal web, ada banyak versi HTML:


The <! DOCTYPE> Deklarasi

The <! DOCTYPE> deklarasi membantu browser untuk menampilkan halaman web dengan benar.

Ada berbagai dokumen di web, dan browser hanya dapat menampilkan halaman HTML dengan benar jika ia tahu versi HTML dan jenis.

  •  HTML EDITORS

Tulis HTML Menggunakan Notepad atau TextEdit

HTML dapat diedit dengan menggunakan editor HTML profesional seperti:
  
  • Adobe DreamWeaver
  • Microsoft Expression Web
  • CoffeeCup HTML Editor 
 Contoh HTML Dasar

Jangan khawatir jika contoh-contoh ini menggunakan tag Anda belum belajar.

Anda akan belajar mereka dalam bab-bab berikutnya.
Dokumen HTML

Semua dokumen HTML harus dimulai dengan deklarasi tipe: <! DOCTYPE html>.

Dokumen HTML itu sendiri dimulai dengan <html> dan diakhiri dengan </ html>.

Bagian terlihat dari dokumen HTML adalah antara <body> dan </ body>.



  • Elemen HTML
Elemen HTML ditulis dengan tag awal, dengan tag akhir, dengan isi di antara:
 
  • Atribut HTML
Atribut HTML :
  • Elemen HTML dapat memiliki atribut
  • Atribut memberikan informasi tambahan tentang elemen
  • Atribut selalu ditentukan dalam tag awal
  • Atribut datang dalam pasangan nama / nilai seperti: name = "value"

Bahasa Atribut

Bahasa dokumen dapat dinyatakan dalam <html> tag.

Bahasa dinyatakan dalam atribut lang.

Mendeklarasikan bahasa adalah penting untuk aplikasi aksesibilitas (pembaca layar) dan mesin pencari:


  • HTML Pos
HTML Pos Pos didefinisikan dengan <h1> untuk <h6> tag.  
<h1> mendefinisikan heading yang paling penting. <h6> mendefinisikan judul yang paling tidak penting.

Apakah Pos Penting Gunakan judul HTML untuk judul saja. Jangan gunakan judul untuk membuat teks BESAR atau tebal. 

Mesin pencari menggunakan judul Anda ke indeks struktur dan isi dari halaman web Anda. Pengguna skim halaman Anda dengan judul tersebut. 

Hal ini penting untuk menggunakan judul untuk menunjukkan struktur dokumen. judul h1 harus judul utama, diikuti oleh judul h2, maka h3 kurang penting, dan sebagainya. 


HTML Tampilan  Anda tidak bisa yakin bagaimana HTML akan ditampilkan.

 <p> mendefinisikan sebuah paragraf.

Besar atau kecil layar, dan jendela ukurannya akan menciptakan hasil yang berbeda.

Dengan HTML, Anda tidak dapat mengubah output dengan menambahkan spasi ekstra atau baris tambahan dalam kode HTML Anda.

Browser akan menghapus spasi ekstra dan garis ekstra saat halaman ditampilkan.

Setiap jumlah ruang, dan sejumlah jalur baru, dihitung sebagai hanya satu ruang.

  •  HTML Elemen Format Teks



HTML uses elements like <b> and <i> for formatting output, like bold or italic text.

These elements are called formatting elements.
  
  • HTML Format Bold

HTML <b> mendefinisikan teks tebal, tanpa tambahan lain.


HTML <i> mendefinisikan teks miring, tanpa tambahan lain.



HTML <sub> mendefinisikan teks pangkat bawah.


 HTML <sup> mendefinisikan teks pangkat atas.


  • HTML Styling

Styling HTML tidak ada hubungannya dengan unsur-unsur format.

Styling adalah tentang mengubah atau menambahkan gaya elemen HTML yang ada.

Setiap elemen HTML memiliki gaya default (warna latar belakang putih, warna teks hitam) 

Mengubah gaya default elemen HTML, dapat dilakukan dengan atribut style. 


  • HTML Tables

 Dengan kode sebagai berikut:

 

HTML Tabel Pos

Tabel judul didefinisikan dengan <th> tag.

Secara default, semua browser utama menampilkan judul tabel sebagai berani dan berpusat:





Dengan demikian berakhirlah entri kali ini, semoga dapat bermanfaat bagi kita semua.
Diposting oleh di Tidak ada komentar:

Selasa, 23 September 2014

History Of STMIK AMIKOM JOGJAKARTA

The College of Information Management and Computer Science AMIKOM Yogyakarta (hereinafter referred to as STMIK AMIKOM Yogyakarta) is a private university based in Yogyakarta under the auspices of the Foundation AMIKOM Yogyakarta. STMIK AMIKOM Yogyakarta grown from a college diploma program "AMIKOM Yogyakarta" became the undergraduate and post graduated.
In the first year, number of students who received about 44 persons at the Department of Information Management. A year later AMIKOM get listed status by the Minister of education and culture Republic of indonesia No. 084/D/O/1994 dated October 11, 1994. Currently all courses are already accredited.
Before AMIKOM using two campus locations, campus in Wolter Mongonsidi Street and Campus in North RingRoad Street located in Yogyakarta. Since the academic year 1998/1999 AMIKOM hire a shop building and converted into an integrated campus in the North Ring Road, with 9 classrooms, 1 academic services, 1 library, 2 floors of the building (all academic services have moved in this integrated campus, except for some services and internet computer lab that was located on another Campus about 5.6 miles from main campus).
Finally, the entire student prayer, AMIKOM managed to get land and build its own building at the location right next to the building integrated campus. Building official lectures began to be occupied and used for lectures in the academic year 2001/2002 consists of 3 floors used as an administrative center, lecture halls and laboratories.
Academic year 2003/2004, all agency activities have been moved to Building I and II Integrated Campus, and in May 2004 began the construction of the building development of Unit II and Unit III building (currently used for space Lecturers, Meeting Rooms (Image 1 and Image 2), Space Laboratory, Animation Film Production, Testing Room Pendadaran, Space and Mosque UPT). Unit III building used for business units, polyclinics, Administration, Theory and Practice Program lectures S2, Language Lab. In 2007 the building has been constructed for administrative units IV and services BAAK, BAU, HRD, Theory Lecture Room D3 and S1.
In 2010 the building units of V for library, classroom theory, and business incubator space. In 2012 the building was built Amikom Student Center as space for student activities secretarial student organizations, meeting rooms, and a special meeting of student activities, and space Pembina Foundation. In 2013 the building was built unit VI to the International class lectures, faculty room, LP3M space, space Quality Assurance, Office of International Affairs, Film Animation production halls, and theaters. This building has been equipped with Basement 2 floors, and an elevator.

Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)