CODINGPLAN: HTML

Showing posts with label HTML. Show all posts

Hyperlink in HTML

<!DOCTYPE html>
<html>
<head>
    <title>Hyperlink</title>
</head>
<body>
    <a href="https://www.google.com/">Click me to go to google.com</a>
</body>
</html>

Output

Background Color in HTML

<!DOCTYPE html>
<html>
<head>
    <title>Background Color</title>
</head>
<body bgcolor="green">
    Backgroung color
</body>
</html>

Output

Text Alignment in HTML

<!DOCTYPE html>
<html>
<head>
    <title>Text Allignment</title>
</head>
<body>
    <p align="center">Center</p>
    <p align="left">Left</p>
    <p align="right">Right</p>
</body>
</html>

Output

Font Size and Color in HTML

<!DOCTYPE html>
<html>
<head>
    <title>Font Size, Color</title>
</head>
<body>
    <font size="200%">Font size</font><br>
    <font color="red">Font color</font><br>
</body>
</html>

Output

Fonts in HTML

<!DOCTYPE html>
<html>
<head>
    <title>Fonts in HTML</title>
</head>
<body>
    <h1 style="font-family:calibri;">This font is calibri</h1>
    <p style="font-family:courier;">This font is courier</p>
    <font face="Times New Roman">This font is Times New Roman</font>
</body>
</html>

Output

Paragraph in HTML

<!DOCTYPE html>
<html>
<head>
    <title>Paragraph in HTML</title>
</head>
<body>
    <p>This is Paragraph - 1</p>
    <p>This is Paragraph - 2</p>
    <p>This is Paragraph - 3</p>
    <p>This is Paragraph - 4 and so on ...</p>
</body>
</html>

Output

Heading in HTML

<!DOCTYPE html>
<html>
<head>
    <title>Headings in HTML</title>
</head>
<body>
    <!-- Maximum number of headings in HTML is 6 -->
    <h1>This is Heading - 1</h1>
    <h2>This is Heading - 2</h2>
    <h3>This is Heading - 3</h3>
    <h4>This is Heading - 4</h4>
    <h5>This is Heading - 5</h5>
    <h6>This is Heading - 6</h6>
</body>
</html>

Output

CODINGPLAN

Menu

Search Here

Hyperlink in HTML

Background Color in HTML

Text Alignment in HTML

Font Size and Color in HTML

Fonts in HTML

Paragraph in HTML

Heading in HTML

Our Viewers

About Me