Skip to content

Instantly share code, notes, and snippets.

View fellatak's full-sized avatar
🏠
Working from home

Fella fellatak

🏠
Working from home
0 followers · 1 following
View GitHub Profile
@fellatak
fellatak / semantic non semantic elements.txt
Last active February 6, 2026 09:38
<b><em><strong><I> (Personal study notes while learning HTML & CSS)
Imagine speaking:
<b> = you write in bold ink
<strong> = you raise your voice
<em> = you stress one word
<i> = you tilt your handwriting
Same look ≠ same meaning.
Why they look the same to users… but still exist
👀 To a human user
<b>, <strong> → both look bold
<em>, <i> → both look italic
@fellatak
fellatak / HTML_styles.txt
Last active February 6, 2026 09:38
HTML styles: (Personal study notes while learning HTML & CSS)
HTML Quick Notes
Semantic HTML → describes meaning of content (<header>, <nav>, <main>, <section>, <article>, <footer>, <h1>–<p>). Good for SEO & accessibility.
Non-semantic HTML → does not describe meaning (<div>, <span>). Used for layout/styling.
Presentational HTML → controls appearance (<font>, <center>, <big>). Deprecated → use CSS instead.
Deprecated = old / not recommended, may stop working in future.
@fellatak
fellatak / SEO.txt
Last active February 6, 2026 09:39
Search engine optimization (Personal study notes while learning HTML & CSS)
SEO stands for Search Engine Optimization.
What that means in plain English
SEO = making your website easy for search engines (like Google) to understand and find.
When SEO is good:
Your site can appear higher in search results
More people can find your website
Very simple example
If you have a page about Italian recipes 🍝
Good SEO helps Google understand:
“Ah, this page is about Italian recipes”
@fellatak
fellatak / div-section.txt
Last active February 6, 2026 09:39
<div><section> (Personal study notes while learning HTML & CSS)
Is <section> the same as <div>?
❌ No, they are NOT the same
✅ They look the same in the browser
✅ But they mean different things
The BIG difference (very simple)
<div>
👉 No meaning
👉 Just groups things
<section>
👉 Has meaning
@fellatak
fellatak / class.html
Last active February 6, 2026 09:40
id class (Personal study notes while learning HTML & CSS)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Class Example</title>
<style>
/* Style all elements with class "highlight" */
.highlight {
color: darkorange;
font-weight: bold;
@fellatak
fellatak / Thumbnail.txt
Last active February 6, 2026 09:41
What's Thumbnail? (Personal study notes while learning HTML & CSS)
Examples in real life Thumbnail :
1. YouTube:
* Small video preview → click → full video plays
* That small preview = thumbnail
2. Photo gallery:
* Lots of small images → click one → opens bigger
* Small images = thumbnails
3. Online store:
* Product images on catalog page → click → full product image
* Catalog images = thumbnails
@fellatak
fellatak / path.txt
Last active February 6, 2026 09:40
Absolute & relative paths (Personal study notes while learning HTML & CSS)
<p>
Read more on the
<a
href="/Users/user/Desktop/fCC/script-code/absolute-vs-relative-paths/pages/about.html"
>About Page</a
>
</p>
It looks like this because we are going into a folder called Users, then into a folder called user, then into a folder called Desktop, then into a folder called fCC, then into a folder called script-code, then into a folder called absolute-vs-relative-paths, then into a folder called pages to finally get the about.html file.Absolute vs Relative Paths — Simple Summary
@fellatak
fellatak / Copyright.txt
Last active February 6, 2026 09:41
Copyrights in 3 languages! (Personal study notes while learning HTML & CSS)