Bernado's Portfolio — Web Systems Final Project

01 HTML Basics 02 Text Exercises 03 Text Formatting 04 Link Exercises 05 Images & Lists 06 CSS Margin 07 CSS Padding Left 08 CSS Outline 09 CSS Table Styling 10 CSS Dimensions 11 MySQL Database 12 Session Management

Activity 5: Images and Lists

This activity shows unordered lists, ordered lists, and images.

My Favorite Web Technologies

HTML
CSS
PHP
MySQL

Create the webpage structure
Design using CSS
Add PHP logic
Connect to MySQL database

Sample Image

<h3>My Favorite Web Technologies</h3>

<ul>
    <li>HTML</li>
    <li>CSS</li>
    <li>PHP</li>
    <li>MySQL</li>
</ul>

<ol>
    <li>Create the webpage structure</li>
    <li>Design using CSS</li>
    <li>Add PHP logic</li>
    <li>Connect to MySQL database</li>
</ol>

<img src="../images/sample.svg" alt="Sample Image" width="300" height="160">