Mengatur text dalam membuat web adalah sebuah hal yang paling penting agar user merasa nyaman saat menggunakan web yang kita buat. Seperti mengatur ukuran text, mengatur gaya text, warna text dll. Tidak usah banyak2 basa basi berikut cara penggunaannya:
1. Menggunakan heading
Hasil
2. Menggunakan font size untuk mengatur ukuran text
Hasil
3. Menggunakan font face untuk mengatur gaya text
Hasil
4. Menggunakan font color untuk mengatur warna text
Hasil
5. Menggunakan align untuk mengatur posisi text
Hasil
Sekian untuk hari ini. Semoga Bermanfaat :)
1. Menggunakan heading
<html>
<head>
<title> Judul </title>
</head>
<body>
<h1> Heading 1 </h1>
<h2> Heading 2</h2>
<h3> Heading 3</h3>
<h4> Heading 4</h4>
<h5> Heading 5</h5>
<h6> Heading 6</h6>
</body>
</html>
<head>
<title> Judul </title>
</head>
<body>
<h1> Heading 1 </h1>
<h2> Heading 2</h2>
<h3> Heading 3</h3>
<h4> Heading 4</h4>
<h5> Heading 5</h5>
<h6> Heading 6</h6>
</body>
</html>
Hasil
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
2. Menggunakan font size untuk mengatur ukuran text
<html>
<head>
<title> Judul </title>
</head>
<body>
<font size="20px"> Agus Blog </font>
</body>
</html>
<head>
<title> Judul </title>
</head>
<body>
<font size="20px"> Agus Blog </font>
</body>
</html>
Hasil
Agus Blog
3. Menggunakan font face untuk mengatur gaya text
<html>
<head>
<title> Judul </title>
</head>
<body>
<font face="algerian"> Agus Blog </font>
</body>
</html>
<head>
<title> Judul </title>
</head>
<body>
<font face="algerian"> Agus Blog </font>
</body>
</html>
Hasil
Agus Blog
4. Menggunakan font color untuk mengatur warna text
<html>
<head>
<title> Judul </title>
</head>
<body>
<font color="red"> Agus Blog </font>
</body>
</html>
<head>
<title> Judul </title>
</head>
<body>
<font color="red"> Agus Blog </font>
</body>
</html>
Hasil
Agus Blog
5. Menggunakan align untuk mengatur posisi text
<html>
<head>
<title> Judul </title>
</head>
<body>
<p align="right"> Agus Blog </p>
<p align="center"> Agus Blog </p>
<p align="left"> Agus Blog </p> </body>
</html>
<head>
<title> Judul </title>
</head>
<body>
<p align="right"> Agus Blog </p>
<p align="center"> Agus Blog </p>
<p align="left"> Agus Blog </p> </body>
</html>
Hasil
Agus Blog
Agus Blog
Agus Blog
Sekian untuk hari ini. Semoga Bermanfaat :)
Komentar
Posting Komentar