Oke disini kita akan membahas tentang script html
jika familiar dengan Bahasa inggris mending langsung ke pabriknya aja w3schools.com
html selalu diawali dengan pembuka dan penutup walaupun ada sebagian script yang tidak ada pembuka dan penutup, contoh
<html> </html>
<head> </head>
<h1> </h1> --> heading (judul besar)
<p> </p> --> untuk membuat paragraph
dari script diatas, jika ingin membuat heading dengan background warna merah berarti scriptnya
<h1 style="background-color:Red;">Red</h1>
atau jika ingin membuat warna menggunakan hex code
<h1 style="background-color:#ff0000;">Red</h1>
hex code warna dapat di cek disini
https://www.w3schools.com/colors/colors_picker.asp
dari script diatas, jika ingin membuat Paragraf dengan tulisan warna merah berarti scriptnya
<p style="color:red">I am a paragraph.</p>
jika ingin membuat heading dan paragraph dengan text rata tengah berarti scriptnya
<h1 style="text-align:center;">Judul berada di tengah</h1>
<p style="text-align:center;">Paragraf juga di tengah.</p>
atau ingin mengganti font di html
<h1 style="font-family:verdana;">heading nya memakai font verdana </h1>
<p style="font-family:courier;">Paragraf ini memakai font courier.</p>
Membuat list di html
<ul style="list-style-type:square;"> // type listnya diawali dengan kotak
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<!DOCTYPE html>
<html>
<body>
<h1 style="text-align:center;">Judul berada di tengah</h1>
<p style="text-align:center;">Paragraf berada di tengah..</p>
<img src="https://www.w3schools.com/images/w3schools_green.jpg" alt="W3Schools.com">
<ul style="list-style-type:square;">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
</body>
</html>
Mau nyoba nyoba script html tapi males buka laptop
langsung aja masukin script diatas kesini
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro
jika familiar dengan Bahasa inggris mending langsung ke pabriknya aja w3schools.com
html selalu diawali dengan pembuka dan penutup walaupun ada sebagian script yang tidak ada pembuka dan penutup, contoh
<html> </html>
<head> </head>
<h1> </h1> --> heading (judul besar)
<p> </p> --> untuk membuat paragraph
dari script diatas, jika ingin membuat heading dengan background warna merah berarti scriptnya
<h1 style="background-color:Red;">Red</h1>
atau jika ingin membuat warna menggunakan hex code
<h1 style="background-color:#ff0000;">Red</h1>
hex code warna dapat di cek disini
https://www.w3schools.com/colors/colors_picker.asp
dari script diatas, jika ingin membuat Paragraf dengan tulisan warna merah berarti scriptnya
<p style="color:red">I am a paragraph.</p>
jika ingin membuat heading dan paragraph dengan text rata tengah berarti scriptnya
<h1 style="text-align:center;">Judul berada di tengah</h1>
<p style="text-align:center;">Paragraf juga di tengah.</p>
atau ingin mengganti font di html
<h1 style="font-family:verdana;">heading nya memakai font verdana </h1>
<p style="font-family:courier;">Paragraf ini memakai font courier.</p>
Membuat list di html
<ul style="list-style-type:square;"> // type listnya diawali dengan kotak
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
coba ganti square --> circle -->
contoh script
<!DOCTYPE html>
<html>
<body>
<h1 style="text-align:center;">Judul berada di tengah</h1>
<p style="text-align:center;">Paragraf berada di tengah..</p>
<img src="https://www.w3schools.com/images/w3schools_green.jpg" alt="W3Schools.com">
<ul style="list-style-type:square;">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
</body>
</html>
Mau nyoba nyoba script html tapi males buka laptop
langsung aja masukin script diatas kesini
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro
0 komentar:
Posting Komentar