Page 58 - Learn To Use HTML and CSS
P. 58
So You Want to Learn to Use HTML and CSS – Version 2020-06-12a Page 48
Chapter 4 — Anchors and URLs
<html lang="en">
Free
<head>
<meta charset="utf-8">
<title>Links Demo</title>
</head>
<body>
<header style="background-color: pink;">
<h1>Some Site</h1>
eBook
<h2>A page with links</h2>
<p><a href="#personallinks">Personal</a> <a
href="#generallinks">General</a></p>
</header>
<main>
<section id="personallinks">
<h2>Personal Links</h2>
<p><a href="http://www.goldstarchili.com">Gold Star Chili</a>
Edition
- Cincinnati style goodness.</p>
<p><a href="http://www.primantibros.com/">Primanti Brothers</
a> - A great sandwich.</p>
</section>
<section id="generallinks">
<h2>General Links (opened in a new window or tab)</h2>
<p><a href="http://www.google.com" target="_blank">GOOGLE</a>
Please support this work at
- Need I say more.</p>
<p><a href="http://www.yahoo.com" target="_blank">Yahoo!</a>
- News and stuff.</p>
<p><a href="http://www.cnn.com/TECH" target="_blank">Tech
http://syw2l.org
News from CNN</a> - Ride the tech tsunami.</p>
</section>
</main>
<footer style="background-color: LightSteelBlue;">
<p><a href="about.html"><img src="media/question_75.png"
alt="about"></a>
<p><small>All external links Free
are provided only as an illustration of what can be done.
The authors and publishers of this material assume no
responsibility
for the content of the external sites.</small></p>
eBook
</footer>
</body>
</html>
Edition
Copyright 2020 — James M. Reneau PhD — http://www.syw2l.org — This work is
licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
