Day 1 of My Java Full Stack Learning Journey – HTML5 vs HTML4 and Getting Started with GitLab

Hi everyone!
Today is my first day writing on this blog, and I’m super excited to share what I learned.

I started with two important topics in web development:

The difference between HTML4 and HTML5
How to install and use GitLab

** HTML4 vs HTML5 – What's the Difference?**

HTML is the language used to build web pages. I explored the old version (HTML4) and the current version (HTML5). Here’s what I found:

HTML4 (Old Version)

Uses mostly and for layout and structure
No support for video/audio
Needs extra JavaScript for form validation
Not mobile responsive

HTML5 (Modern Version)

Has built-in semantic tags like <header>, <footer>, <nav>, <section>, and <article>
Supports <video> and <audio>directly
Allows form validations like required, email, etc.
Mobile and responsive design friendly

What Are Semantic Tags and Why They Matter?

Semantic tags are special HTML5 elements that clearly describe their meaning to both the browser and developers. They help organize the page better and improve accessibility and SEO.

Examples of Semantic Tags:

Tag Purpose
<header> Defines the page or section header
<nav> Contains navigation links
<section> Groups related content
<article> Represents an independent article or blog post
<footer> Defines footer for a page or section

Using semantic tags instead of generic

GitLab – My First Steps with Version Control
I also explored GitLab, a platform to manage and store code with Git. It’s very useful when working with teams or keeping track of my code history.

What I Did:
Installed GitLab on my local machine (Linux)

Opened it in the browser using:
Arduino
Copy
Edit
http://localhost
Created a Group

Created a Project inside the group

Git Commands I Learned
Copy
Edit
git init
git remote add origin https://gitlab.com/your-username/your-project.git
git add .
git commit -m "First commit"
git push -u origin master
Now I can push my code directly to GitLab!

What I Learned Today