- Beranda
- Programmer Forum
Tag dasar Html
...
TS
spenas
Tag dasar Html
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body style="background: pink">
<b> teks tebal </b> <br>
<i> teks miring </i> <br>
<em> teks penekanan </em> <br> <!sama aja teks miring>
<small> teks kecil </small> <br>
<strong> teks penting </strong> <br> <!sama aja teks tebal>
x <sub> 2 </sub> <br>
x <sup> 2 </sup> <br>
<del> teks dicoret </del> <br>
<mark style="background-color: red"> teks ditandai </mark> <br>
<blockquote> teks </blockquote> <br> <!membuat quotes seperti algn center, tapi tidak tada tanda petik>
<q> teks </q> <!membuat quotes dengan langsung tanda petik>
<pre>
untuk membuat teks sama seperti aslinya
cntohnya seperti ini
rata kanan kiri pun sesuai yang user tulis
</pre>
<p style=" font-weight: bold; font-family: 'impact'; color: red; font-size: 10;">
cobaaa iiinn
</p>
<strike> teks dicoret selain 'del' </strike> <br>
<u> teks garis bawah </u><br>
<!-untuk komentar (tidak akan tampil di web nya)>
<!- text-decoration sebagai atribut untuk teksnya
sedangkan font-weight, font-famlily, dll untuk mengatur bentuk atau ukuran teksnya>
<p style="text-decoration: underline;">
teks garis bawah menggunakan 'p'
</p>
<p style="text-decoration: line-through;">
untuk membuat tulisan di coret menggunakan 'p'
</p>
<p style="text-decoration: overline;">
untuk membuat teks bergaris di atas menggunakan 'p'
</p>
<p style="text-decoration: blink;">
teks berkedip (namun fail :'v)
</p>
<p style="text-transform: uppercase;">
teks kapital
</p>
<p style="text-transform: lowercase;">
TEKS KECIL
</p>
<p style="text-align: center;">
paragraf rata tengah
</p>
<p style="text-align: justify;">
justify baru keliatan rata kanan kirinya pas teksnya banyak
</p>
<p style="text-align: right;">
teks rata kanan
</p>
<[removed]> teks bergerak </[removed]>
<img src="apa.jpg" width="30%" height="30%" /><br>
<img src="file://c:Users/toshiba/pictures/untitled.jpg" width="30%" height="30%" /><br>
<ol type="a" start="a"> <!- 1, a, A, i, I dan menggunakan start untuk memulai dari angka yang di ingin >
<li> Bakso </li>
<li> Sate </li>
<li> Mie ayam </li>
<li> seblak </li>
</ol>
Mata pelajaran
<ul type="square"> <!- type: square, circle, disc>
<li> MTK </li>
<li> Indonesia </li>
<li> PKN </li>
</ul>
<a href="lain.html"> ini hyperlink </a> <!hyperlink ini menuju file html di pc kita> <br>
<video width="50%" height="50%" controls src="aaaa bb.mp4" type="video/mp4">
</video> <br>
<audio src="Syahidan - 3 Bersaudara - [Lyrics] Ya Syahidan - 3 Bersaudara.mp3" controls></audio>
</body>
</html>
<html>
<head>
<title></title>
</head>
<body style="background: pink">
<b> teks tebal </b> <br>
<i> teks miring </i> <br>
<em> teks penekanan </em> <br> <!sama aja teks miring>
<small> teks kecil </small> <br>
<strong> teks penting </strong> <br> <!sama aja teks tebal>
x <sub> 2 </sub> <br>
x <sup> 2 </sup> <br>
<del> teks dicoret </del> <br>
<mark style="background-color: red"> teks ditandai </mark> <br>
<blockquote> teks </blockquote> <br> <!membuat quotes seperti algn center, tapi tidak tada tanda petik>
<q> teks </q> <!membuat quotes dengan langsung tanda petik>
<pre>
untuk membuat teks sama seperti aslinya
cntohnya seperti ini
rata kanan kiri pun sesuai yang user tulis
</pre>
<p style=" font-weight: bold; font-family: 'impact'; color: red; font-size: 10;">
cobaaa iiinn
</p>
<strike> teks dicoret selain 'del' </strike> <br>
<u> teks garis bawah </u><br>
<!-untuk komentar (tidak akan tampil di web nya)>
<!- text-decoration sebagai atribut untuk teksnya
sedangkan font-weight, font-famlily, dll untuk mengatur bentuk atau ukuran teksnya>
<p style="text-decoration: underline;">
teks garis bawah menggunakan 'p'
</p>
<p style="text-decoration: line-through;">
untuk membuat tulisan di coret menggunakan 'p'
</p>
<p style="text-decoration: overline;">
untuk membuat teks bergaris di atas menggunakan 'p'
</p>
<p style="text-decoration: blink;">
teks berkedip (namun fail :'v)
</p>
<p style="text-transform: uppercase;">
teks kapital
</p>
<p style="text-transform: lowercase;">
TEKS KECIL
</p>
<p style="text-align: center;">
paragraf rata tengah
</p>
<p style="text-align: justify;">
justify baru keliatan rata kanan kirinya pas teksnya banyak
</p>
<p style="text-align: right;">
teks rata kanan
</p>
<[removed]> teks bergerak </[removed]>
<img src="apa.jpg" width="30%" height="30%" /><br>
<img src="file://c:Users/toshiba/pictures/untitled.jpg" width="30%" height="30%" /><br>
<ol type="a" start="a"> <!- 1, a, A, i, I dan menggunakan start untuk memulai dari angka yang di ingin >
<li> Bakso </li>
<li> Sate </li>
<li> Mie ayam </li>
<li> seblak </li>
</ol>
Mata pelajaran
<ul type="square"> <!- type: square, circle, disc>
<li> MTK </li>
<li> Indonesia </li>
<li> PKN </li>
</ul>
<a href="lain.html"> ini hyperlink </a> <!hyperlink ini menuju file html di pc kita> <br>
<video width="50%" height="50%" controls src="aaaa bb.mp4" type="video/mp4">
</video> <br>
<audio src="Syahidan - 3 Bersaudara - [Lyrics] Ya Syahidan - 3 Bersaudara.mp3" controls></audio>
</body>
</html>
nona212 dan ckltengah memberi reputasi
2
179
1
Komentar yang asik ya
Mari bergabung, dapatkan informasi dan teman baru!
Programmer Forum
20.2KThread•5KAnggota
Urutkan
Terlama
Komentar yang asik ya