Scribd
Upload
34 views

HTML Codes For Uniersities and Colleges

The document provides HTML code for creating a basic webpage about a university or college. It includes code for page structure, styles, and content sections about the school's location, mascot, and links.

Uploaded by

girish desai
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
34 views

HTML Codes For Uniersities and Colleges

The document provides HTML code for creating a basic webpage about a university or college. It includes code for page structure, styles, and content sections about the school's location, mascot, and links.

Uploaded by

girish desai
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
You are on page 1/ 2

HTML CODES FOR UNIERSITIES AND COLLEGES

<!DOCTYPE html>

<html><head>

<title>College Name here</title>

<style type="text/css">

body{background-color:#e8e8e8; color:#000000;}

header {background-color:#E80C30;}

h1 {color: #ffffff; font-family:Verdana; font-size:24px; text-align:center;}

h2 {font-family:Arial; font-size:18px; clear:both;}

p {font-family:Arial; line-height:200%;}

img {border:2px solid; margin:10px; padding:4px; max-width:100%;}

ul {float:left;}

footer {background-color:#E80C30; color:white; clear:both; text-align:center;}

div {background-color:#D4D6D9; margin:6px; padding:4px;}

</style>

</head>

<body>

<div>

<header><h1>Name of College or University</h1></header>

<h2>At a Glance</h2>

<img src="xxxxxx.jpg" alt="description" style="float:right;"> (insert a picture of a landmark at this college

or university no bigger than 300x300. Right click on the image in Chrome: Inspect Element; right click on

highlighted code; copy; paste into your code in Notepad)

<p>Include an introductory paragraph about with 4-6 sentences about the college or university. </p>

<h2>Location of school</h2>

<img src=" xxxxxx.jpg " alt=" description " style="float:left"> (insert a picture of a landmark at the

college/university that you would see on a brochure or TV commercial used to advertise it; no bigger
than

300x300. Right click on the image in Chrome: Inspect Element; right click on highlighted code; copy;
paste
HTML CODES FOR UNIERSITIES AND COLLEGES
into your code in Notepad)

<p> Include a paragraph with 4-6 sentences about the college or university… What is it near? Anything

special about this location? </p>

<h2>School Mascot</h2>

<img src=" xxxxxx.jpg " alt=" description " style="float:right"> (insert a color picture of the school
mascot;

no bigger than 300x300. Right click on the image in Chrome: Inspect Element; right click on highlighted

code; copy; paste into your code in Notepad)

<p> Include a paragraph with 4-6 sentences about the school mascot. Also talk about the school colors.

</p>

<h2>Links</h2>

<ul>

<li><a href="put link here">description</a></li> (this link should take you to the school home page)

<li><a href=" put link here ">description</a></li> (this link should take you to the school admissions
page)

<li><a href=" put link here ">description</a></li> (this link should take you to a campus map of the
school)

<li><a href=" put link here ">description</a></li> (this link should take you to the school bookstore, a

specific athletic club or another part of campus life)

</ul>

<h2>School Fight Song</h2>

<audio controls>

<source src="filename.mp3" type="audio/mpeg">

</audio>

<br>

<footer>Put your name, date and period here</footer>

</div>

</body>

</html>

You might also like