Code Spark

Do yourself a favor:

• Open your laptop
• Open YouTube
• Type HTML crash course
• Start learning
• Learn CSS alongside
• Ask questions to ChatGPT
• Build projects
• Push code to GitHub
• Share your progress on LinkedIn

Don't think much.

This is the right time.

🔥7

2.19K viewsedited 18:50

Code Spark

👍4

1.73K views21:58

Code Spark

In HTML, an anchor link is created using the <a> tag. This tag is used to link to other pages, sections within a page, or external resources. The href attribute specifies the URL or the location to which the link points.

Example:

1. Link to another website:

<a href="https://www.google.com">Visit Google</a>

When clicked, this will take the user to Google's website.

2. Link to another page in the same website:

<a href="about.html">About Us</a>

This links to a file named about.html in the same directory.

3. Link to a specific section in the same page:


<h2 id="contact">Contact Us</h2>
<p>Email: example@example.com</p>

<!-- Link to the section -->
<a href="#contact">Go to Contact Section</a>

4. Link to download a file:

<a href="document.pdf" download>Download Document</a>

This allows the user to download a file named document.pdf.

5. Open link in a new tab:

<a href="https://www.example.com" target="_blank">Open Example in New Tab</a>

https://t.me/Muju_man_coding

If you have any question you can ask

👍2🔥1

2.11K viewsedited 16:14

Code Spark

Forwarded from ETHIO BUTTEN BOT

1.93K views18:23

Lessons

Code Spark

Image tag

The <img> tag in HTML is used to display images on a webpage. It is an empty tag, meaning it does not have a closing tag. Instead, it relies on attributes to specify the image source, alternative text, and other properties.

Syntax:

<img src="image_url" alt="description" width="value" height="value">

Common Attributes:

1. src: Specifies the path or URL of the image.

2. alt: Provides alternative text for the image if it cannot be displayed. It is useful for accessibility and SEO.

3. width: Defines the width of the image (in pixels or percentage).

4. height: Defines the height of the image (in pixels or percentage).

Example:

<!DOCTYPE html>
<html>
<head>
    <title>Image Tag Example</title>
</head>
<body>
    <h1>HTML Image Example</h1>
    <img src="https://example.com/image.jpg" alt="Example Image" width="300" height="200">
</body>
</html>

Output:

This code displays an image (from the URL in the src attribute) with specified width and height.

If you have any questions you can ask in comment

👍5❤1

2.07K viewsedited 23:09

Code Spark

Good morning, Ethio Coder members! How are you starting your morning today? Remember, each morning is a new chance to grow, learn, and achieve something amazing. Stay motivated, keep coding, and never stop believing in your potential. Let's make today productive and inspiring!

👍5

1.5K views05:23

Code Spark

HTML TABLE

An HTML table is used to display data in a structured format with rows and columns. Here's the basic syntax of an HTML table:

Example Code:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML Table Example</title>
</head>
<body>
    <h2>Student Grades</h2>
    <table border="1">
        <tr>
            <th>Name</th>
            <th>Subject</th>
            <th>Grade</th>
        </tr>
        <tr>
            <td>Ali</td>
            <td>Math</td>
            <td>A</td>
        </tr>
        <tr>
            <td>Fatima</td>
            <td>Science</td>
            <td>B</td>
        </tr>
        <tr>
            <td>Ahmed</td>
            <td>English</td>
            <td>A</td>
        </tr>
    </table>
</body>
</html>

Explanation:

1. <table>: Defines the table.

2. <tr>: Represents a table row.

3. <th>: Defines a table header cell (bold and centered by default).

4. <td>: Defines a table data cell.

👍3👏1

2.18K views02:19

Code Spark

Html table

In HTML tables, rowspan and colspan are attributes used to merge cells across multiple rows or columns.

1. rowspan

Combines (spans) a cell across multiple rows in a table.

Used when you want a single cell to stretch downward into multiple rows.

Example:

<table border="1">
    <tr>
        <th rowspan="2">Name</th>
        <td>Math</td>
    </tr>
    <tr>
        <td>Science</td>
    </tr>
</table>

2. colspan

Combines (spans) a cell across multiple columns in a table.

Used when you want a single cell to stretch sideways into multiple columns.

Example:

<table border="1">
    <tr>
        <th colspan="2">Subjects</th>
    </tr>
    <tr>
        <td>Math</td>
        <td>Science</td>
    </tr>
</table>

👍2👏1

1.83K viewsedited 02:58

Code Spark

ለvideo tag ፣ለ imge tag እና ለ anchor tag video ይሰራልን ሚትሉ

Final Results

97%

ይሰራልን

ኣይ አያስፈልግም ገብቶናል

🔥2

30 voters1.65K views08:25

Code Spark

Hello, Ethio Coders family!

Congratulations to everyone! We’ve reached 1k subscribers This is a big step forward, and it’s all because of your amazing support and interest in learning coding.

Let’s keep this momentum going! Together, we can continue exploring, learning, and growing our coding skills. Remember, every expert was once a beginner. Stay curious, keep practicing, and never stop learning.

Thank you for being part of this journey. Let’s aim for even bigger milestones ahead!

Join us here: Ethio Coders Channel.

👍4🔥1

1.85K viewsedited 03:07

Code Spark

spck appn አጠቃቀሙ ያልገባቹ
link 👇👇👇
https://vm.tiktok.com/ZMkHkoH7q/

🏆2

1.83K views05:47

Code Spark

💯2❤1

1.96K views06:14

Code Spark

👍6

1.8K views05:20

Code Spark

<Video> tag and <Audio> tag

ቪዲዮ tag እና ኦዲዮ tag በHTML ውስጥ ለቪዲዮ እና ኦዲዮ ፋይሎችን ለመያዝ እና ለማሳየት የሚጠቅሙ ናቸው። እነዚህ tagኦች የሚጠቀሙት ድምጽ እና ቪዲዮን በድረ-ገጽዎ(website ) ላይ ለማስገባት ነው።

1. ቪዲዮ ታግ (<video>):

ቪዲዮ tag በድረ-ገጽዎ ላይ ቪዲዮ ለማሳየት ያገለግላል። ይህ ታግ በቀላሉ ቪዲዮን ያስገባል እና ተጠቃሚዎች ቪዲዮውን ማጫወት፣ ማቆም፣ ድምጽ መቆጣጠር እና ሌሎች ባህሪያትን እንዲጠቀሙ ያስችላቸዋል

ለምሳሌ

<video width="320" height="240" controls>
  <source src="example.mp4" type="video/mp4">
  </video>

💥width እና height

: ቪዲዮውን ስፋት እና ቁመት ይገልጻል።

💥controls:

ይህ አባሪ ተጠቃሚዎች ቪዲዮውን ማጫወት፣ ማቆም፣ ድምጽ መቆጣጠር እና ሌሎች ቁልፎችን እንዲጠቀሙ ያስችላቸዋል።
💥

<source>:

 ይህ ታግ የቪዲዮ ፋይልን አድራሻ እና አይነቱን ይገልጻል።

2. ኦዲዮ tag (<audio>):



ኦዲዮ ታግ በድረ-ገጽዎ ላይ ድምጽ ለማሳየት ያገለግላል። ይህ ታግ በቀላሉ ኦዲዮን ያስገባል እና ተጠቃሚዎች ኦዲዮውን ማጫወት፣ ማቆም፣ ድምጽ መቆጣጠር እና ሌሎች ባህሪያትን እንዲጠቀሙ ያስችላቸዋል።

ምሳሌ:

<audio controls>
  <source src="example.mp3" type="audio/mp3">
  <audio>

💥controls: ይህ አባሪ ተጠቃሚዎች ኦዲዮውን ማጫወት፣ ማቆም፣ ድምጽ መቆጣጠር እና ሌሎች ያስችላቸዋል።
💥<source>: ይህ ታግ የኦዲዮ ፋይልን አድራሻ እና ማጠቃለያ ነው:

እነዚህ ታጎች በድረ-ገጽዎ ላይ ቪዲዮ እና ኦዲዮን በቀላሉ ለማስገባት እና ለማሳየት ያገለግላሉ።

👍4

1.62K viewsedited 15:51

Code Spark

Live እንዴት ነበር

Final Results

26 voters1.16K views03:26

Code Spark

Recap of Our Incredible Live Session with Birhan Nega

We had an amazing session with Birhan Nega, diving deep into his inspiring journey. His story is a true testament to hard work, resilience, and continuous learning. Here’s a recap of our conversation:

1. Birhan’s Journey:Growing up in a remote village with no electricity or internet, Birhan faced many challenges. Yet, through dedication and persistence, he became a senior software developer, working with top companies worldwide.

Your background does not define your future—your effort does.

2. Learning Mindset & Problem-Solving Approach
Birhan loves to challenge himself and believes that “If something is difficult, the reward is big.”

He doesn’t just learn for the sake of learning—he always connects what he learns to real-world applications. He constantly asks:
✔ Why is this important?
✔ Where and when can I apply this?

This mindset helps him prioritize what’s truly valuable and stay focused.

Whenever he encounters a new topic, he prepares in advance by reading, researching, and understanding the subject before class. This proactive approach helped him grasp complex concepts quickly and apply them effectively.

4. Software Development is a Skill—Not Just a Degree
One of the most important insights Birhan shared is that software development is a skill that must be developed through practice.

University alone is not enough—students need to:
✔ Work on personal projects
✔ Gain hands-on experience
✔ Develop their problem-solving abilities

5. The Power of Self-Learning & Mastering Fundamentals
Success in software development requires continuous self-learning and adaptability. Building a strong foundation in fundamentals and Being open to learning new technologies

Once you build a strong foundation, learning other programming languages becomes easier.

6. The Importance of Soft Skills
Technical skills alone won’t make you successful. Soft skills play a crucial role in showcasing your technical ability.

Birhan highlighted that if your communication, time management, and productivity skills are weak, they can overshadow your technical strengths.

7. The Value of Networking & Collaboration
Your network and the people you surround yourself with have a huge impact on your growth.

8. Insights on Freelancing & Personal Branding
Birhan also shared valuable freelancing tips, emphasizing the importance of:
✔ Finding your niche – Specialize in something that sets you apart
✔ Showcasing your skills – Build projects that demonstrate your expertise
✔ Focusing on client needs – Align your skills and experience with what clients are looking for

When applying for freelance jobs or remote positions, focus on:
✔ The value you bring
✔ How your skills match the client’s requirements
✔ Proving your ability through real-world projects

10. AI & the Future of Work
Birhan has a practical approach to AI. Instead of worrying about AI replacing jobs, he focuses on how AI can enhance his work.

11. Self-Marketing & Visibility
To stand out in today’s competitive job market, you need to make yourself and your work visible.

12. Never Stop Learning & Growing
Beyond university and certificates, real success comes from continuous self-improvement.

Birhan’s final advice:
✔ Always seek knowledge beyond the classroom
✔ Read books, do research, and invest in personal growth
✔ Stay teachable—there’s always something new to learn

Personal effort and dedication are what make a developer truly competitive.

This session was full of inspiration, practical insights, and valuable lessons.

A huge thank you to Birhan Nega for sharing experiences with us! His journey is a reminder that hard work, continuous learning, and the right mindset can take you anywhere.

@edemy251

❤2👍2❤‍🔥1

1.26K views20:20

About

Blog

Apps

Platform