0% menganggap dokumen ini bermanfaat (0 suara)
27 tayangan27 halaman

Panduan Lengkap HTML dan CSS

Dokumen ini menjelaskan tentang HTML, bahasa pemrograman yang digunakan untuk membuat laman web. Terdapat penjelasan mengenai struktur dasar HTML, termasuk tag, atribut, dan elemen yang digunakan untuk menampilkan teks, gambar, dan tautan. Selain itu, juga dibahas tentang penggunaan CSS dan JavaScript dalam dokumen HTML.

Diunggah oleh

mkhabib47
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
0% menganggap dokumen ini bermanfaat (0 suara)
27 tayangan27 halaman

Panduan Lengkap HTML dan CSS

Dokumen ini menjelaskan tentang HTML, bahasa pemrograman yang digunakan untuk membuat laman web. Terdapat penjelasan mengenai struktur dasar HTML, termasuk tag, atribut, dan elemen yang digunakan untuk menampilkan teks, gambar, dan tautan. Selain itu, juga dibahas tentang penggunaan CSS dan JavaScript dalam dokumen HTML.

Diunggah oleh

mkhabib47
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd

<visual studio code>

<visual studio code>


<HTML>
Hyper Text Markup Language
<HTML>
Sebuah Bahasa pemrograman terstruktur yang dikembangkan untuk
membuat laman website yang dapat diakses atau menampilkan
menggunakan web browser.
<HTML>
<CSS>
<CSS>
TAG
<HTML>
TAG
<HTML>
Tag HTML adalah menginisiasi atau memberi tahu kepada browser bahwa kita ingin membuat
(judul misalnya)
Bagian
<HTML>
Judul halaman
<title></title>
CSS metadata
<style></style> <meta></meta>
javascript
<script></script>
metadata

<!DOCTYPE html> Fungsinya memberi tahubrowser kita memakai HTML 5


Untuk memberi tahu bahwa kita menggunanakan UTF .8, supaya semua karakter,
<meta charset="UTF-8" /> Simbol dan hurufspesial bisa ditampilkan

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Buat tampilan lebih responsif


<title>Document</title> Untuk menampilkan judul halaman
bagian

<body>
teks
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <p>, ……
Pendukung teks
<br>, <hr>, <pre>, <strong>, ……
Gambar
<img>
Hyperlink
<a>
List (bullets & numbering)
<ul>, <ol>, <li>, <dl>
tabel
<table>, <tbody>, <th>, <tr>, <td>, ……
Form
<from>, <input>, <select>, <button>, …
Script
<script>
Object
<object>
grouping
<div>, <span>
komentar
<!– ini adalah komentar -->
Struktur

tag
<nametag attribute = “ nilai ”
<body bgcolor = “ blue ”
Nama tag Nilai / value

<body bgcolor = “ blue ”

atribut
atribut
global
atribut

Menentukan teks alternatif untuk gambar, ketika gambar tidak


alt dapat ditampilkan

disabled Menentukan bahwa elemen input harus dinonaktifkan


href Menentukan URL (Alamat web) untuk tautan

id Menentukan ID unik untuk suatu elemen


src Menentukan URL (Alamat web) untuk suatu gambar
atribut

style Menentukan gaya CSS sebaris untuk suatu elemen


Menentukan informasi tambahan tentang elemen (ditampilkan
title sebagai ujung alat)
paragraph

<HTML>
<p></p>
<br> & <hr>
<b></b> <i></i> <u></u>
Heading

<HTML>
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

Anda mungkin juga menyukai