In: Computer Science
go to w3schools online html editor
• Your Name in Bold
• Your Current College Major, Not in Bold text
• A horizontal line
• Your Favorite Hobby in Italics
• Your Favorite Movie written in Red text ... use any resource you would like (web/textbook/etc) to figure out how to complete this step.
• A picture from another website of your Favorite Book or Magazine
• Text under the Book or Magazine stating what it is or why it's your favorite
• A link to an interesting webpage, the link text must match the page you are linking to. (ie: Don't write CNN for the link, and have it point at MSNBC.com)
• A picture of an interesting person that is also a link to their wikipedia page. The picture itself must be the link, no actual text to click on.
• Embed a you tube video of your favorite music video.
For some reason i cannot use you tube dot com here so go to this is the video and replace here here to you tube
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style type="text/css">
body{
font-size:
25px;
}
.name{
font-weight:
bold;
}
.hobby{
font-style:
italic;
}
.movie{
color:
red;
}
.book{
width:
500px;
height:
300px;
}
</style>
</head>
<body>
<center>
<p
class="name">Your Name</p>
<p>College
major</p>
<!-- hr tag
for horizantal line -->
<hr>
<p
class="hobby">Listening to music</p>
<p
class="movie">the perfect date</p>
<!-- image to
display image -->
<img
class="book"src="https://mk0thinklikeamop0kdi.kinstacdn.com/wp-content/uploads/2019/10/jay-shetty-book-fb.jpg"><br>
<p>think
like a monk is a book written by jay shetty.it is an amazing book,
it helps to unleash the true potential of your
life.</p>
<a
href="https://jayshetty.me/">Jay
shetty</a><br><br>
<!-- wrapping
anchor tag around image -->
<a
href="https://en.wikipedia.org/wiki/Elon_Musk"><img
src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ed/Elon_Musk_Royal_Society.jpg/220px-Elon_Musk_Royal_Society.jpg"></a>
<br><br>
<!-- embeded
you tube video -->
<!-- this is
the video -->
<iframe
width="560" height="315"
src="https://www.changehere.com/embed/gwLKAq9PlsQ" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media;
gyroscope; picture-in-picture"
allowfullscreen></iframe>
<br><br>
</center>
</body>
</html>