Scribd
Upload
14 views2 pages

HTML and CSS Formatting Guide

The document provides a comprehensive overview of HTML attributes and tags, including style definitions for headings, paragraphs, and lists. It details formatting tags for bold, italic, and underline text, as well as how to set body background colors and images. Additionally, it covers the use of tables, lists, images, and hyperlinks in HTML coding.

Uploaded by

hasnaintameen28
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
14 views2 pages

HTML and CSS Formatting Guide

The document provides a comprehensive overview of HTML attributes and tags, including style definitions for headings, paragraphs, and lists. It details formatting tags for bold, italic, and underline text, as well as how to set body background colors and images. Additionally, it covers the use of tables, lists, images, and hyperlinks in HTML coding.

Uploaded by

hasnaintameen28
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

Attributes Codes

HTML <html> …………………… </html>


<style>
h1 {background-color: PINK;
color: blue; font-family: PAPYRUS;
font-size: 38px;}
Style Tags for heading, h2 {background-color: yellow;
paragraph, color: blue; font-family: PAPYRUS;
body font-size: 38px;}
and list p {……………………………….. ;}
body {………………………….. ;}
(including font size, color and style) ol {………………………………. ;}
ul {………………………………. ;}
th{………………………………. ;}
td {………………………………. ;}
</style>
<b> </b>
Formatting Tags:
<i> </i>
bold, italic and underline
<u> </u>
break the line [add spaces]
<br>
<head> <h1 align="center"> </h1> </head>
Head tag and centralized For heading 2:
<h2 align="center"> </h2>
Title <title> ………………………….. </title>
Paragraph <p> ……………….. </p>
<body bgcolor="red">
Body background colour and
Background image <body style="background: url(); background-
size: 100% 100%;">
<center> <img src="paste link here"
Image code [Setting the alignment, height, width="200"
width and border for an image] height="200"
border="5"/> </center>
<UL>
<Li> ……… </Li>
<Li> ……</Li>
Un-ordered list & </UL>
Ordered list <OL>
<Li> ……… </Li>
<Li> ……</Li>
</OL>
Mark <p> <mark> ……… </mark> </p>
Marquee <MARQUEE> ….. </MARQUEE>
<a href= "paste link here">
Click here to see the official site </a>
Anchor attribute tag with hyperlink to
another page or a website
< a href = "[Link]">
Go the next page </a>
<a href="paste link here">
<br>
<img alt="name of the link"
Hyperlink an image
src="image address"
width="200"
height="120">
<table>
<tr>
<th> Column Heading 1 </th >
<th> Column Heading 2 </th >
<th> Column Heading 3 </th >
</tr>
Table Tags
<tr>
<td> data 1 </td>
<td> data 2 </td>
<td> data 3 </td>
</tr>
</table>

<center> <table style= “width:75%”


Table Style border=“6” bordercolor=“red”>

You might also like