Hero image

my first website

What is HTML

HTML (HyperText Markup Language) is the language used to create webpages. It tells a web browser what content to show and how to organize it. HTML uses tags like <h1>, <p> <img>, and <a> to structure text, images, and links. It’s not a programming language — it describes content. Every webpage you see on the internet is built with HTML at its core, often combined with CSS (for styling) and JavaScript (for interactivity).

What i learned

What I Learned Building my first website taught me a lot about how HTML and CSS work together. With HTML, I learned to add different types of content, like headings, text, images, links, and a video. I also created two pages and connected them with links, which made my site more dynamic.

With CSS, I styled my site by changing fonts, adjusting colors, and adding a background image. I used flexbox to organize sections neatly, experimented with hover effects for interactivity, and made sure the site looks good on smaller screens.

In the end, I realized that HTML is like the skeleton of a website, while CSS is the skin and style that makes it visually attractive and user-friendly.

“They say that the best blaze burns brightest, when circumstances are at their worst.”

- Howl's Moving Castle

Concept

I used HTML to create the basic structure and content of my website. Elements like <h1>, <p>, <img>, <a>, and <video> allowed me to add titles, paragraphs, images, links, and multimedia. I organized content into <section> blocks and used <header>, <main>, and <footer> to make the layout clear and easy to follow. I even added a skip link to improve accessibility and navigation. By linking two HTML pages together, I learned how to create a simple multi-page website.

With CSS, I was able to transform the plain structure into something more visually appealing. I experimented with background images, colors, borders, and typography to give the site personality. I also practiced using flexbox to arrange elements like my project previews and media grid. Adding hover effects, such as zooming in on images, made the site feel more interactive. Finally, I worked with media queries so the layout automatically adapts to tablets and mobile devices.

Overall, I discovered how HTML defines the structure and content, while CSS controls the appearance and responsiveness. Together, they form the foundation for professional websites.

About me ᯓ★

profile picture

Gerda Kadi Auli

Student at Tartu Rakenduslik Kolledž

Projects ᯓ★

Portfolio image

Portfolio

ava link

Study

Contact Me ⭑.ᐟ