Blog tentang perjalanan karir, bisnis dan pergulatan batin

Kamis, 21 Maret 2019

Web Programming 1 (html)

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>


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
Share:

0 komentar:

Posting Komentar

Talk ?

galen.nolan1@gmail.comn> .

Dipersembahkan oleh

Labels

Blog Archive