Loker dan Kuliah

Kumpulan Informasi Loker dan Kuliah di Indonesia

Tuesday, March 31, 2015

Mengatur Letak Heading Dalam HTML

11:23:00 AM Posted by Abdul Rohman 4 comments
Dalam Tag Heading mempunyai atribut yang digunakan untuk mengatur letak heading dalam baris - align. Alignment heading yaitu:
  1. kiri - left
  2. tenganh - center
  3. kanan - right
Contoh script html:

<html>
<head>
<title>Contoh heading dengan atribut alignment</title>
</head>
<body>

<h1 align="left">heading 1 terletak di kiri</h1>
<p> Heading diatas diposisikan dikanan dengan menggunakan align="right".
Heading diatas diposisikan dikiri dengan menggunakan align="left".
Heading diatas diposisikan dikiri dengan menggunakan align="left".
Heading diatas diposisikan dikiri dengan menggunakan align="left".
Heading diatas diposisikan dikiri dengan menggunakan align="left".</p>

<h1 align="center">heading 1 terletak di tengah</h1>
<p> Heading diatas diposisikan ditengah dengan menggunakan align="center".
Heading diatas diposisikan ditengah dengan menggunakan align="center".
Heading diatas diposisikan ditengah dengan menggunakan align="center".
Heading diatas diposisikan ditengah dengan menggunakan align="center".
Heading diatas diposisikan ditengah dengan menggunakan align="center".</p>

<h1 align="right">heading 1 terletak di kanan</h1>
<p> Heading diatas diposisikan dikanan dengan menggunakan align="right".
Heading diatas diposisikan dikanan dengan menggunakan align="right".
Heading diatas diposisikan dikanan dengan menggunakan align="right".
Heading diatas diposisikan dikanan dengan menggunakan align="right".
Heading diatas diposisikan dikanan dengan menggunakan align="right".</p>

</body>
</html>


Hasilnya:


4 comments: