Skip to content
Gallery
Introductory Guide To Web Development (2)
Introductory Guide To Web Development
More
Share
Explore
Introductory Guide To Web Development

Session #2

In session #1 and session #2, we will look at and cover the anatomy of a webpage, important vocabulary related to web development, the basics of HTML, and the basics of CSS.
⁠
Introduction To HTML & CSS Ppt Notes
⁠
Session1-Notes.pdf
556.5 kB
⁠
⁠
⁠
Syntax & Semantics Definitions
⁠
SyntaxSemanticsDef.png
⁠
⁠
⁠
Learner Edition Notes
⁠
Ses1Notes.pdf
2.2 MB
⁠
⁠
⁠
Kahoot Quiz Results
⁠
session #1.xlsx
78.3 kB
⁠
⁠
⁠
Coding Challenges
Here are some ways you can practice the skills you learned :)
Create a basic webpage introducing motor vehicles, use HTML tags you learned to create the content and use the CSS techniques you learned to make it look beautiful. Information can be found online and try to use everything you learned from the past two sessions and incorporate it into this challenge. As an example, please see my all about animals webpage code and output, it could look something really similar to that. To access example code, scroll down below.
Create a brand new webpage showing the lyrics to your favorite song. Be sure to include the song title, song artist, song cover art, and song lyrics. Try to use everything you learned from the past two sessions and incorporate it into this challenge. As an example, please see my “close to the sun” lyrics code and output, it could look something really similar to that. To access example code, scroll down below.
⁠
Raw Code: All About Animals Webpage
Note ~ the following code is not indented correctly due to copy paste issues,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Animals</title>
<style>
body {
background: rgb(255, 252, 195);
margin-left: 13px;
margin-right: 13px;
}
h1 {
font-size: 60px;
font-family: Chalkduster;
text-align: center;
background-color: rgb(255, 127, 81);
border: rgb(161, 43, 0) 25px dotted;
margin-top: 10px;
}
</style>
</head>
<body>
<h1>The Animals On Planet Earth</h1>

<p id = "introPara">Welcome to this <span id = "bl">bootiful</span> animals webpage! Made by Jacob! Enjoy! :)</p>

<h3>Table Of Contents:</h3>

<ul>
<li>Cats</li>
<li>Dogs</li>
<li>Pigs</li>
<li>Cows</li>
<li>Rabbits</li>
<li>Chickens</li>
<li>Butterflies</li>
<li>Dolphins</li>
<li>Sharks</li>
</ul>

<hr>

<h2>Cats</h2>

<img id = "catImg" src = "https://cdn.fotofits.com/petzlover/gallery/img/l/farm-cat-876412.jpeg" alt = "cat" width = "200px">

<ul>
<li>Fact #1</li>
<li>Fact #2</li>
<li>Fact #3</li>
</ul>

<p>Cat, (Felis catus), also called house cat or domestic cat, domesticated member of the family Felidae, order Carnivora, and the smallest member of that family. Like all felids, domestic cats are characterized by supple low-slung bodies, finely molded heads, long tails that aid in balance, and specialized teeth and claws that adapt them admirably to a life of active hunting. Cats possess other features of their wild relatives in being basically carnivorous, remarkably agile and powerful, and finely coordinated in movement.</p>

<h2>Dogs</h2>
<ul>
<li>Fact #1</li>
<li>Fact #2</li>
<li>Fact #3</li>
</ul>

<img id="dogStuff" src = "https://bigfluffydogs.com/wp-content/uploads/2020/08/Saki-2.jpg" alt = "cat" width = "150px">

<p>Dogs are regarded differently in different parts of the world. Characteristics of loyalty, friendship, protectiveness, and affection have earned dogs an important position in Western society, and in the United States and Europe the care and feeding of dogs has become a multibillion-dollar business. Western civilization has given the relationship between human and dog great importance, but, in some of the developing nations and in many areas of Asia, dogs are not held in the same esteem. In some areas of the world, dogs are used as guards or beasts of burden or even for food, whereas in the United States and Europe dogs are protected and admired. In ancient Egypt during the days of the pharaohs, dogs were considered to be sacred.</p>

<h2>Pigs</h2>
<img id = "pigImg" src = "https://www.pig333.com/3tres3_common/art/pig333/15343/hypor-magnus_150249.jpg" alt = "cat" width = "200">

<ul>
<li>Fact #1</li>
<li>Fact #2</li>
<li>Fact #3</li>
</ul>

<p>Many people who know pigs compare them to dogs because they are friendly, loyal and intelligent. Pigs are naturally very clean and avoid, if at all possible, soiling their living areas. When given the chance to live away from factory farms, pigs will spend hours playing, lying in the sun and exploring their surroundings with their powerful sense of smell. Pigs are very clever animals. The pig was domesticated approximately 5,000 to 7,000 years ago. Pigs are found across Europe, the Middle East and extend into Asia as far as Indonesia and Japan. Pigs are one of the oldest forms of livestock, pigs were domesticated earlier than cows. Nowadays, pigs are farmed for their meet called ‘pork’, although some keep them as pets.</p>

<h2>Cows</h2>
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.