Esther Hernandez Esther-Hernandez

## italic.html
<p>
 While <i>HTML</i> defines the structure of a
 Web page, <i>CSS</i> can tell the browser
 what background color or font size to
 use in a Web page.
</p>

## styles.css
h1 {
 text-align:center;
}

p {
 background-color: rgba(255, 0, 0, 0.5);
 color: white;
 text-align: justify;
}

## text-align.html
<!DOCTYPE html>
  <html>
   <head>
     <title>Web Page Title</title>
     <link rel="stylesheet" type="text/css" href="styles.css">
   </head>
   <body>
     <h1>Lorem ipsum</h1>

     <p>Lorem ipsum dolor sit amet,

## background-color.css
p {
 background-color: rgb(0, 0, 255);
}

## background-color.html
<!DOCTYPE html>
  <html>
   <head>
     <title>Using Property "background-color"</title>
     <link rel="stylesheet" type="text/css" href="styles.css">
   </head>
   <body>
     <p>This is a paragraph.</p>
   </body>
</html>

## color.css
p {
 color: rgba(255, 0, 0, 0.3);
}

## color.html
<!DOCTYPE html>
  <html>
   <head>
     <title>Using Property "color"</title>
     <link rel="stylesheet" type="text/css" href="styles.css">
   </head>
   <body>
     <p>This is a paragraph.</p>
   </body>
</html>

## area.html
<!DOCTYPE html>
<html>
    <head>
        <title>Using area Element</title>
    </head>
    <body>
        <map name="image-map">
            <area shape="circle" coords="150,150,150" href="here.html" alt="Click to go here">
        </map>
        <img usemap="#image-map" src="http://placehold.it/500x500" alt="pic">

## background-image.css
body {
    background-image:
    radial-gradient(circle, pink, orange, red);
}

p {
    font-weight: bold;
    font-size: 35px;
    color: black;
    text-align: center;

## background-image.html
<!DOCTYPE html>
    <html>
        <head>
            <title>Property background-image</title>
            <link rel="stylesheet" type="text/css" href="styles.css">
        </head>
    <body>
        <div>
            <p>CSS property: background-image</p>
        </div>
	<p>
	While <i>HTML</i> defines the structure of a
	Web page, <i>CSS</i> can tell the browser
	what background color or font size to
	use in a Web page.
	</p>
	h1 {
	text-align:center;
	}

	p {
	background-color: rgba(255, 0, 0, 0.5);
	color: white;
	text-align: justify;
	}
	<!DOCTYPE html>
	<html>
	<head>
	<title>Web Page Title</title>
	<link rel="stylesheet" type="text/css" href="styles.css">
	</head>
	<body>
	<h1>Lorem ipsum</h1>

	<p>Lorem ipsum dolor sit amet,
	body {
	background-image:
	radial-gradient(circle, pink, orange, red);
	}

	p {
	font-weight: bold;
	font-size: 35px;
	color: black;
	text-align: center;