Code Spark
8.12K subscribers
205 photos
11 videos
68 files
138 links
Code Spark – helps you learn coding through collaboration in an easy and fun way. Work together, start small, practice step by step, and turn ideas into real projects. Spark your mind, share your knowledge, build skills as a team, and become great program
Download Telegram
🎉 Hello Ethio Coders Members! 🎉

🔗 Channel Link: https://t.me/Muju_man_coding

We are growing, and we need YOUR help! 🚀 Please share this channel link with your friends and family. The more people who join us, the more we all learn and benefit together.

By learning front-end web development, you can open doors to amazing job opportunities and start earning a good income! 💰

Sharing the channel helps everyone grow and succeed. Let's build a community where we can all achieve great things together! 🌐

Thank you for your support and for helping others learn and grow! 💪


https://t.me/Muju_man_coding

#webdevelopment
#HTML
#CSS
#JavaScript
👍2
Types of HTML Lists

HTML provides three main types of lists to organize and display content. These are:

⭐Html ዋና ወና ሶስት አይነት list አሉ ብለናል በበለፈው ክላሳችን
እስኪ እያንዳንዳቸውን እንያቸው

1. Ordered List (<ol>):

Displays items in a specific order, usually with numbers or letters.

⭐ይህ የ list አይነት itemኦችን በ order ነው ሚዘረዝርልን።
አብዛኛውን ግዜ በቁጡር ወይም  በፊደል ነው itemኦችን ሚዘረዝርልን ።

Each item is defined with a <li> tag.
👉li ማለት አጭር ቃል ሲሆን list item ያሚለውን ይወክላል
ይህ የሚጠቅመን ለመዘርዘር የፈለግነውን ነገር እንዲንጽፍበት ነው ።
ለምሳሌ ከታች 👇👇👇👇 ተመልከቱ

Example:

<ol>
    <li>First Item</li>
    <li>Second Item</li>
    <li>Third Item</li>
</ol>

Output:
1. First Item
2. Second Item
3. Third Item

2. Unordered List (<ul>):

Displays items without a specific order, using bullet points as default markers.

⭐ ይህ የ list አይነት ደግሞ የሚጠቅመን itemኦችን ወይም ዘርዝረን መጻፍ የፈለግነውን ነገር የለምንም order  ለመጻፍ ነው ምንጠቀመው
አብዛኛውን ግዜ itemኦችን list ለማረግ  point or bullet(.) የምንጠቀመው  ።

Each item is also defined with a <li> tag.
ምሳሌ ከታች👇👇 ተመልከቱ
Example:

<ul>
    <li>Item A</li>
    <li>Item B</li>
    <li>Item C</li>
</ul>

Output:
. Item A
. Item B
. Item C

የቀረውን next እናየዋለን  ደና ቆዩ
በ technology እንዘምን
ጥያቄ ከላቹ መጠየቅ ይቻላል 
👇👇👇👇👇👇👇👇

https://t.me/Muju_man_coding
👍9
👏3
Project ይሰጠን ሚትሉ
Final Results
75%
አዎ ይሰጠን
25%
አይ ይቆይ
🤝3👍1
definition list

A definition list in HTML is used to create a list of terms and their corresponding descriptions, similar to a glossary or dictionary. It is structured using three main tags:


💥ይህ የlist አይነት የሚጠቅመን termኦችን list አድርገን የነሱን ማብራሪያዎችን ለመፃፍ ነው ሚጠቅመን

ይሄንን የ list አይነት ለመጠቀም የሚያስፈልጉን tag ኦች አሉ
እነሱም 👉<dl>,<dt>,እና <dd> ናቸው
ይህን የ Html list አይነት ልክ እንደ dictionary አርጋቹ እዩት
ለምሳሌ ሚብራራው term አለ(<dt> or definition term)
ከዛን የ termሙ ማብራሪያ አለ (<dd> or definition description )

እስኪ እንያቸው
---

Key Tags of a Definition List:

1. <dl>

Stands for "Definition List."

Acts as a container for the entire list.

💥ይህ tag ስተነተን definition list ይባላል ።
ይህ tag  ጥቅሙ ልክ እንደ <ol> እና <ul> list  listኦችን አቅፎ እንደይዝልን ነው  ምንጠቀመው ።
አቃፊ በሉት በዚህ tag ውስጥ ሚፃፉት ነገር <dt>,እና <dd> ናቸው ።


2. <dt>

Stands for "Definition Term."

Used to define the term or word being described.

💥ይህ tag ሲተነተን definition term ነው።
ይህን <tag> ሚንጠቀመው ለዋናው term ነው።
መለት ለምናብራራው መለቴ ነው።



3. <dd>

Stands for "Definition Description."

Used to provide the description or explanation of the term.


ይህ tag ሲተነተን definition description ይባላል
ይህን tag ሚንጠቀመው ለዋነው ለሚብራራው term (<dt>) ማብራሪያ ለመፃፍ ነው ሚንጠቀመው or explain ለማድረግ ነው ሚንጠቀመው።

ለምሳሌ
------------------------------------------
<html>
<p> Example of a Definition List: </p>

<dl>
  <dt>HTML</dt>
  <dd>HyperText Markup Language</dd>
 
  <dt>CSS</dt>
  <dd>Cascading Style Sheets</dd>
 
  <dt>JavaScript</dt>
  <dd>A programming language for creating dynamic web content.</dd>
</dl>
<html>

------------------------------------------



Example of a Definition List:

HTML: HyperText Markup Language

CSS: Cascading Style Sheets

JavaScript: A programming language for creating dynamic web content.


ለማስታወስ አክል tag tag ስል አዲስ እንዳይሆንባቹ አዲስ ከሆነባቹ ይህን👉 https://t.me/Muju_man_coding/205 link ነክታቹ አንብቡት

#list #html  #webdevelopment #JavaScript #css
👍2
የሶስቱም ምሳሌዎች

if you have any question, you can ask in comment section
👇👇👇👇👇👇👇👇👇
Project ይሰጠን ያላቹ ልጆች
ከታች የለውን button ተጫኑና ወደታች ትሄዱና send your projects የሚለውን button ተጫኑት ከዛን start ቢላቹ ጠብቁን

ለproject ያልተዘጋጃቹ በደምብ ተዘጋጁ ና project ይሰጣቹዋል
Projectu ሊለቀቅ ስለሆነ ቶሉ botun start በሉ

Bot: @Projects1t2m1Bot
Code Spark
Projectu ሊለቀቅ ስለሆነ ቶሉ botun start በሉ Bot: @Projects1t2m1Bot
projectun ለማክሰኞ ነው ምታስገቡት

ቀድሞ የጨረሰ ቀድሞ መላክ ይቻላል

ማሳሰቢያ:-projectun ምታስገቡት/ሚትሊኩት በ Botu new

ግራ የገባቹ ነገር ከለ መጠየቅ ይቻላል
ሌላ ደሞ projectu ያልደረሰው ሰው ከለ botu ለይ አልደረሰኝም ብሎ ይፃፍ
This media is not supported in your browser
VIEW IN TELEGRAM
How to export my html file into my file in spck
👍1
ሰላም ቤተሰቦች እስኪ አንድ ነገር ላሰቸግራቹ
እሰኪ ይሄን channel አብረን እናሳድገው ከልቤ ነው ምጠይቃቹ
linkun ለሁሉም share አድርጉት

እኛ ምነስተምረው በነፃ ነው ቢያንስ የተወሰነ hint እየሰጣናቹ ነው ብለን እናስባለን
so ቢየንስ የ channelun link share በማድረግ ተባረሩን እንላለን

Channel or group የለቹ ሰዎች በተለይ እናንተ በደምብ አስተዋውቁት
👍8
Happy New Year 2025 from Ethio Coders!

🎉 Happy New Year! 🎉

To all our followers and supporters, thank you for being with Ethio Coders in 2024. Your support means so much to us, and we are excited to continue this journey with you in 2025!

As we begin this new year, let’s focus on:

Learning more: Try new skills and grow your knowledge.

Solving problems: Work hard to fix challenges like fixing errors in code.

Helping each other: Share your ideas and grow together as a team.

Reaching goals: Make your plans come true step by step.


2025 is a new chance to improve, create, and succeed. Let’s make this year full of achievements, happiness, and big dreams!

💻 Wishing you a wonderful year ahead! 🚀

Thank you for being part of Ethio Coders. Let’s make 2025 an amazing year together!

With love,
Ethio Coders Team



Share this 👉https://t.me/Muju_man_coding link
👍1
index (1).html
1.2 KB
Projectu ነው እናንተ ከሰራቹት ጋ አስተያዩት ና ስተታቹን እወቁ ቦቱ ለይም ለያንዳንዳቹ ነግሪያቹዋለው በደምብ ሰርታቹዋል በርቱ ቀጥሉበት
1. What does the <!DOCTYPE> declaration do in HTML?
a) Adds styles to the webpage
b) Defines the document type and version of HTML
c) Creates a hyperlink
d) Adds JavaScript functionality
2.Which HTML tag is used to create headings?
a) <p>
b) <h1> to <h6>
c) <div>
d) <span>
3.How do you make text bold in HTML?
a) <i>
b) <b>
c) <u>
d) <p>
👍3
4.Which type of HTML list uses bullets?
a) Ordered list (<ol>)
b) Unordered list (<ul>)
c) Definition list (<dl>)
d) None of the above