🚀 Hey everyone! Welcome to Sifen.Dev! 🎉
I’m sifen, and I’m super excited to share my web development journey with you all! 🌐💻
In this channel, I’ll be posting:
Daily Coding Tips 📝 to help you level up your skills.
Project Updates 🔄 on what I’m working on, including my portfolio website.
Learning Moments 💡 where I share what I’ve learned each day.
Fun Challenges 🎯 for us to tackle together!
✨ Today’s Focus:
I’m diving into the basics of HTML and CSS! 🖥 Whether you’re just starting or looking to brush up on your skills, I’d love for you to join me.
Feel free to ask questions, share your thoughts, or even just say hi! Let’s learn and grow in tech together. I can’t wait to see where this journey takes us! 💪
And hey, if you know anyone who might be interested in coding, invite them to join our little community! 🤝
#WebDevelopment #CodeVlogs
I’m sifen, and I’m super excited to share my web development journey with you all! 🌐💻
In this channel, I’ll be posting:
Daily Coding Tips 📝 to help you level up your skills.
Project Updates 🔄 on what I’m working on, including my portfolio website.
Learning Moments 💡 where I share what I’ve learned each day.
Fun Challenges 🎯 for us to tackle together!
✨ Today’s Focus:
I’m diving into the basics of HTML and CSS! 🖥 Whether you’re just starting or looking to brush up on your skills, I’d love for you to join me.
Feel free to ask questions, share your thoughts, or even just say hi! Let’s learn and grow in tech together. I can’t wait to see where this journey takes us! 💪
And hey, if you know anyone who might be interested in coding, invite them to join our little community! 🤝
#WebDevelopment #CodeVlogs
👍7🔥1
🌟 Day 1: Starting with the Basics – HTML Structure 🌐
Hey everyone! I’m super excited to kick off my journey to becoming a full-stack web developer! Today, I’m starting with the very basics of HTML – the backbone of every website! Here’s a super simple HTML page structure:
This structure might look simple, but it’s the foundation of every website you visit! The
👉 Fun Fact: The internet runs on these building blocks! 💻✨ #HTMLBasics #Day1
Hey everyone! I’m super excited to kick off my journey to becoming a full-stack web developer! Today, I’m starting with the very basics of HTML – the backbone of every website! Here’s a super simple HTML page structure:
<!DOCTYPE html>
<html>
<head>
<title>My First Page</title>
</head>
<body>
<h1>Welcome to my coding journey!</h1>
</body>
</html>
This structure might look simple, but it’s the foundation of every website you visit! The
<!DOCTYPE html> tells the browser what version of HTML we’re using (HTML5), and everything in between <html> and </html> is the content of our page. Easy, right?👉 Fun Fact: The internet runs on these building blocks! 💻✨ #HTMLBasics #Day1
👍5
SeeFun.Dev pinned «🚀 Hey everyone! Welcome to Sifen.Dev! 🎉 I’m sifen, and I’m super excited to share my web development journey with you all! 🌐💻 In this channel, I’ll be posting: Daily Coding Tips 📝 to help you level up your skills. Project Updates 🔄 on what I’m working on…»
🌟 Day 2: Heading Tags – Organizing Content 📝
Hey everyone! Today, I learned how to organize content on a webpage using heading tags. Did you know HTML has six different heading tags? From
At first, I thought these tags were just for changing text size, but it turns out they help search engines understand the importance of content!
Pro tip: Always use
More tips coming tomorrow! Let’s keep learning together. 💪 #HTMLHeadings #Day2
Hey everyone! Today, I learned how to organize content on a webpage using heading tags. Did you know HTML has six different heading tags? From
<h1> (the biggest) to <h6> (the smallest). Here’s how they look:<h1>Main Heading</h1>
<h2>Subheading</h2>
<h3>Sub-subheading</h3>
<h6>Smallest Heading</h6>
At first, I thought these tags were just for changing text size, but it turns out they help search engines understand the importance of content!
Pro tip: Always use
<h1> for the main title and the others to structure your page logically.More tips coming tomorrow! Let’s keep learning together. 💪 #HTMLHeadings #Day2
👍3🔥1
🌟 Day 3: “Lists: My Website’s To-Do List” ✔️
"Today was all about making lists, both ordered and unordered. Basically, I’m creating to-do lists for my webpage using <ul> and <ol>.⚡️ Who knew lists could be so... structured?! 🤯 I even made a list inside a list—feels like inception! 🌀"
Cool Tip:
"Always use lists when you're grouping things. It’s like giving structure to chaos!"
#HTMLLists #WebDevelopment
"Today was all about making lists, both ordered and unordered. Basically, I’m creating to-do lists for my webpage using <ul> and <ol>.
Cool Tip:
"Always use lists when you're grouping things. It’s like giving structure to chaos!"
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<ol>
<li>Step 1</li>
<li>Step 2</li>
<li>Step 3</li>
</ol>
#HTMLLists #WebDevelopment
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2
🌟 Day 4: “Linking Up & Image Magic 🖼”
"Added some magic today by learning how to link pages and insert images. 🌐 Check out how it works!"
#HTMLLinks #HTMLImages#CodeDaily #DevVlog
"Added some magic today by learning how to link pages and insert images. 🌐 Check out how it works!"
<a href="https://example.com">Click here to visit Example!</a>
<img src="https://via.placeholder.com/150" alt="Placeholder Image">
#HTMLLinks #HTMLImages#CodeDaily #DevVlog
❤2
"Today, I’m diving into the wonderful world of CSS! It’s time to style up our website with some colors and fonts. Here's my simple makeover using CSS."
<style>
body {
background-color: #f2f2f2;
font-family: 'Arial', sans-serif;
}
h1 {
color: darkblue;
}
p {
color: #333;
font-size: 18px;
}
</style>
<h1>Welcome to My Styled Page!</h1>
<p>CSS makes everything look better!</p>
Please open Telegram to view this post
VIEW IN TELEGRAM
"Tip of the day! 🎯 Struggling to pick the perfect color? Use online color tools like [coolors.co](https://coolors.co) to find color palettes that look great together. It'll help make your site pop! 🎨✨"
#NewToolDiscovery
#NewToolDiscovery
Coolors.co
Coolors - The super fast color palettes generator!
Generate or browse beautiful color combinations for your designs.
👍5🔥3
"Today, I’m leveling up with CSS selectors! With selectors, I can style specific elements using class and ID. 🎯 Here’s a quick example that targets a heading and a paragraph using different methods."
<style>
.highlight {
color: red;
}
#main-heading {
font-size: 28px;
font-weight: bold;
}
</style>
<h1 id="main-heading">Welcome to My Page!</h1>
<p class="highlight">This paragraph is highlighted in red!</p>
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Tip time! 🧐 Use classes (
.class) when you want to apply the same style to multiple elements. Use IDs (#id) for unique elements that only appear once on your page. Remember: IDs should be used sparingly! 💡👍4
"Today, I’m exploring how to style text with CSS! 🎨🖋 Fonts, colors, sizes—there’s so much you can do to make text stand out. Here’s how I customized my headings and paragraphs."
<style>
h1 {
font-family: 'Georgia', serif;
color: darkgreen;
text-align: center;
}
p {
font-size: 16px;
line-height: 1.5;
color: #555;
}
</style>
<h1>Beautiful Heading</h1>
<p>This is a paragraph with custom font size, line height, and color.</p>
#CSS #TextStyling #FontCustomization
Please open Telegram to view this post
VIEW IN TELEGRAM