Scribd
Unggah
9 tayangan27 halaman

Panduan Dasar HTML dan CSS

Dokumen ini menjelaskan tentang HTML, bahasa pemrograman yang digunakan untuk membuat laman web. Ia mencakup struktur dasar HTML, penggunaan tag, atribut, dan elemen penting seperti CSS dan JavaScript. Selain itu, dokumen ini juga memberikan informasi tentang cara membuat halaman web yang responsif dan menampilkan berbagai elemen seperti teks, gambar, dan tautan.

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 PPTX, PDF, TXT atau baca online di Scribd
9 tayangan27 halaman

Panduan Dasar HTML dan CSS

Dokumen ini menjelaskan tentang HTML, bahasa pemrograman yang digunakan untuk membuat laman web. Ia mencakup struktur dasar HTML, penggunaan tag, atribut, dan elemen penting seperti CSS dan JavaScript. Selain itu, dokumen ini juga memberikan informasi tentang cara membuat halaman web yang responsif dan menampilkan berbagai elemen seperti teks, gambar, dan tautan.

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 PPTX, 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>
<HTML
TAG
>
TAG
<HTML
>
Tag HTML adalah menginisiasi atau memberi tahu kepada browser bahwa kita ingin membuat
(judul misalnya)
<HTML
Bagian
>
<title></
Judul halaman
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
<body
bagian

>
<h1>,
teks <h2>, <h3>, <h4>, <h5>,
<h6>, <p>, ……
<br>, teks
Pendukung <hr>, <pre>,
<strong>, ……
Gambar
<img>
Hyperlink
<a> List (bullets &
<ul>, <ol>, <li>,
numbering)
<dl>
<table>,
tabel <tbody>, <th>, <tr>,
<td>, ……
<from>,
Form <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
al
t Menentukan teks alternatif untuk gambar, ketika gambar tidak
dapat ditampilkan
disabl
ed 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
sty
le Menentukan gaya CSS sebaris untuk suatu elemen

title Menentukan informasi tambahan tentang elemen (ditampilkan


sebagai ujung alat)
paragraph

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

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

Anda mungkin juga menyukai