🐸 The Coqui Web Cadets Program

HTML Review & New Skills Mission

🔁 Review #1 – Creating a Basic Web Link

This is how you create a clickable link:

<a href="https://www.google.com">Visit Google</a>

Practice: Create a link to your favorite website below.


Booky.io

🔁 Review #2 – Adding a Photo to a Web Page

This is how you add an image:

<img src="photo.jpg" width="300" alt="My Photo">

Practice: Add a photo with width 300 pixels.


<My Photo

🔁 Review #3 – Photo on the Left, Link on the Right

<div class="flex-container"> <img src="photo.jpg" width="200"> <a href="https://example.com">Visit My Website</a> </div>

Completed!

.



Magazines

🆕 New Skill #1 – Creating a Grid of Web Links

<div class="grid-container"> <div class="grid-item"><a href="#">Link 1</a></div> <div class="grid-item"><a href="#">Link 2</a></div> <div class="grid-item"><a href="#">Link 3</a></div> </div>

Completed!

.

🆕 New Skill #1 Completed – Creating a Grid of Web Links

Directory PW

Raindrop.io

>

X10 Host

🆕 New Skill #2 – Creating a Simple Directory Page

<h2>Student Directory</h2> <ul> <li><a href="student1.html">Student 1</a></li> <li><a href="student2.html">Student 2</a></li> <li><a href="student3.html">Student 3</a></li> </ul>

Mission: Create a directory page with 3 student links

Completed!

.



Stacklist One



Stacklist Two



Stacklist Official



Coqui Web Cloud Computing Team Coordinators For the Cadet Program



Denise and Tamara









:

🌟 Coqui Web Cloud Computing – Training the Next Generation of Web Builders!

Coqui Web Cloud Computing is a community of volunteers who test and evaluate web applications.

We provide performative feedback to developers regarding their applications.

We are led by our founder, Richard Boyd.