Tuesday, 17 July 2012

How to Style font, color, and size in html


<!DOCTYPE html>
<html>
<body>
<h1 style="font-family:verdana;">heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">paragraph.</p>
</body>
</html>

Tuesday, 17 July 2012 by Unknown · 0

How to Style background color in html


<!DOCTYPE html>
<html>
<body style="background-color:yellow;">
<h2 style="background-color:red;">Line 1</h2>
<p style="background-color:green;">line 2</p>
</body>
</html>

by Unknown · 0

how to Style HTML elements


<!DOCTYPE html>
<html>
<body style="background-color:PowderBlue;">

<h1>Look! Styles and colors</h1>

<p style="font-family:verdana;color:red;">
This text is in Verdana and red</p>

<p style="font-family:times;color:green;">
This text is in Times and green</p>

<p style="font-size:30px;">This text is 30 pixels high</p>

</body>
</html>

by Unknown · 0

How to mark deleted and inserted text using html


<!DOCTYPE html>
<html>
<body>

<p>My favorite pen is <del>parker</del> <ins>reynolds</ins>!</p>

<p>Notice that browsers will strikethrough deleted text and underline inserted text.</p>

</body>
</html>

by Unknown · 0

How to write Long and short quotations using html


<!DOCTYPE html>
<html>
<body>

A long quotation:
<blockquote>
This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation.
</blockquote>

<p><b>Note:</b> The browser inserts white space before and after a blockquote element. It also inserts margins.</p>

A short quotation:
<q>This is a short quotation</q>

<p><b>Note:</b> The browser inserts quotation marks around the short quotation.</p>

</body>
</html>

by Unknown · 0