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

Session #1

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
⁠
⁠
⁠
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.
⁠
Raw Code: HTML Lesson Code
Note ~ the following code is not indented correctly due to copy paste issues,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Intro Lesson</title>
</head>
<body>
<!--Header Tags-->
<h1>Hello World!</h1>
<h2>Hello World!</h2>
<h3>Hello World!</h3>
<h4>Hello World!</h4>
<h5>Hello World!</h5>
<h6>Hello World!</h6>

<!--Paragraph Tag-->
<p>Although once considered rodents, lagomorphs like rabbits have been discovered to have diverged separately and earlier than their rodent cousins and have a number of traits rodents lack, like two extra incisors.</p>

<!--Inline Text Tags-->
<p>Although once considered <strong>rodents</strong>, lagomorphs like rabbits have been <em>discovered</em> to have diverged separately and earlier than their rodent cousins and have a number of traits rodents lack, like two extra incisors.</p>

<!--List Tags-->
<ul>
<li>Chapter #1</li>
<li>Chapter #2</li>
<li>Chapter #3</li>
<li>Chapter #4</li>
<li>Chapter #5</li>
</ul>
<ol>
<li>Apples</li>
<li>Bananas</li>
<li>Oranges</li>
<li>Peaches</li>
<li>Grapes</li>
</ol>

<!--Image Tag-->
<img src = "https://www.charlotte.providencevets.com/files/providence-animal-hospital-charlotte-are-rabbits-rodents-blog.jpeg" width = "200px" alt = "An image of a rabbit">
</body>
</html>

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>
</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>

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

<img src = "https://jooinn.com/images/a-friesian-cow.jpg" alt = "cat" width = "200">

<p>Cow, in common parlance, a domestic bovine, regardless of sex and age, usually of the species Bos taurus. In precise usage, the name is given to mature females of several large mammals, including cattle (bovines), moose, elephants, sea lions, and whales. Domestic cows are one of the most common farm animals around the world, and the English language has several words to describe these animals at various ages. A baby cow is called a calf. A female calf is sometimes called a heifer calf and a male a bull calf. A heifer is a female that has not had any offspring. The term usually refers to immature females; after giving birth to her first calf, however, a heifer becomes a cow. An adult male is known as a bull. Many male cattle are castrated to reduce their aggressive tendencies and make them more tractable. Young neutered males, which are primarily raised for beef, are called steers or bullocks, whereas adult neutered males, which are usually used for draft purposes, are known as oxen. A group of cows, cattle, or kine (an archaic term for more than one cow) constitutes a herd. English lacks a gender-neutral singular form, and so “cow” is used for both female individuals and all domestic bovines.</p>

<h2>Rabbits</h2>

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

<img src = "https://jooinn.com/images/european-rabbit-5.jpg" alt = "cat" width = "200">

<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>Chickens</h2>

<ul>
<li>Fact #1</li>
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.