Codesweb ኮድስዌብ
Codesweb | Learn Web Development in Amharic
Welcome to Codesweb, your go-to channel for learning Web Development and Technology in Amharic! Whether you're a beginner or aiming to advance, we provide practical tutorials to help you build responsive websites, full-stack applications, and more.
What We Teach:
HTML, CSS, JavaScript (ES6+): Master core web technologies.
Responsive Design: Create mobile-friendly websites.
Full Stack Development (MERN): MongoDB, Express, React, Node.js.
Telebirr Integration: Implement Ethiopia's leading digital payment system.
Web3 & AI: Stay updated with future web technologies.
Why Subscribe?
Amharic tutorials for Ethiopian developers.
Real-world projects & structured learning paths.
Master e-commerce with local payment integration.
Subscribe now to start your web development journey with Codesweb!
car parking multiplayer,car parking multiplayer new update,car parking multiplayer drift setting,car drifting,drifting,gaming,drift gear box,cpm drift
Codesweb ኮድስዌብ
A complete HTML cheatsheet for quick reference:
### **HTML Document Structure**
```html
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>Heading</h1>
<p>Paragraph</p>
</body>
</html>
```
---
### **HTML Tags**
#### **Headings**
```html
<h1>Largest Heading</h1>
<h2>Second Largest Heading</h2>
<h6>Smallest Heading</h6>
```
#### **Paragraph and Text**
```html
<p>This is a paragraph.</p>
<br> <!-- Line Break -->
<hr> <!-- Horizontal Rule -->
```
#### **Formatting**
```html
<b>Bold</b>
<strong>Strong</strong>
<i>Italic</i>
<em>Emphasized</em>
<u>Underline</u>
<mark>Highlighted</mark>
<small>Small Text</small>
<del>Deleted</del>
<ins>Inserted</ins>
<sup>Superscript</sup>
<sub>Subscript</sub>
```
#### **Lists**
```html
<!-- Unordered List -->
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
<!-- Ordered List -->
<ol>
<li>Item 1</li>
<li>Item 2</li>
</ol>
<!-- Definition List -->
<dl>
<dt>Term</dt>
<dd>Definition</dd>
</dl>
```
#### **Links**
```html
<a href="example.com/">Clickable Link</a>
<a href="#section1">Anchor Link</a>
<a href="mailto:example@example.com">Email Link</a>
<a href="tel:+123456789">Phone Link</a>
```
#### **Images**
```html
<img src="image.jpg" alt="Description" width="300" height="200">
```
#### **Tables**
```html
<table>
<thead>
<tr>
<th>Heading 1</th>
<th>Heading 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>Data 1</td>
<td>Data 2</td>
</tr>
</tbody>
</table>
```
#### **Forms**
```html
<form action="submit.php" method="POST">
<label for="name">Name:</label>
<input type="text" id="name" name="name"><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br>
<label for="message">Message:</label>
<textarea id="message" name="message"></textarea><br>
<input type="submit" value="Submit">
</form>
```
---
### **HTML Attributes**
| Attribute | Description |
|----------------|-----------------------------------------|
| `id` | Unique identifier for an element |
| `class` | Assigns one or more class names |
| `style` | Inline CSS styling |
| `title` | Tooltip text when hovered |
| `alt` | Alternative text for images |
| `src` | Source file for media |
| `href` | Hyperlink reference |
| `target` | Opens link (`_blank`, `_self`, etc.) |
---
### **Media Elements**
```html
<!-- Video -->
<video width="320" height="240" controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<!-- Audio -->
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
```
---
### **Semantic Elements**
```html
<header>Header Content</header>
<nav>Navigation Links</nav>
<main>Main Content</main>
<article>Article Content</article>
<section>Section Content</section>
<aside>Sidebar Content</aside>
<footer>Footer Content</footer>
```
---
### **Meta Tags**
```html
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Page description">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="author" content="Author Name">
```
---
### **Input Types**
<input type="text"> <!-- Text Input -->
<input type="password"> <!-- Password Input -->
<input type="email"> <!-- Email Input -->
<input type="number"> <!-- Number Input -->
<input type="date"> <!-- Date Input -->
<input type="radio"> <!-- Radio Button -->
<input type="checkbox"> <!-- Checkbox -->
<input type="submit"> <!-- Submit Button -->
5 months ago | [YT] | 3
View 0 replies
Codesweb ኮድስዌብ
Follow: our HTML Course prepared in 12 subtopics or parts
What is HTML? | HTML Introduction and Purpose in Amharic
HTML Document Structure Explained | Head, Body, and Tags in Amharic
Basic HTML Tags Overview | Headings, Paragraphs, Links, and Images in Amharic
Creating Interactive Forms in HTML | HTML Forms Explained in Amharic
Lists in HTML | Ordered, Unordered, and Nested Lists in Amharic
Creating and Styling Tables in HTML | HTML Tables Explained in Amharic
HTML5 Semantic Elements | Making Code Meaningful in Amharic
Embedding Media in HTML | Audio, Video, and iFrames Explained in Amharic
Using HTML Attributes | ID, Class, and Data Attributes in Amharic
Linking HTML & CSS | Connecting Style to Structure in Amharic
Advanced HTML Techniques | Meta Tags, SEO, and Accessibility in Amharic
HTML Best Practices | Organizing Code and Writing Clean Markup in Amharic
5 months ago | [YT] | 1
View 0 replies
Codesweb ኮድስዌብ
🚀 Master HTML from Scratch with @codesweb! 🚀
Ready to dive into web development? 🌐 Start with the basics and build a solid foundation in HTML! This series covers everything you need, from beginner-friendly topics to advanced techniques. 📚 Here’s what you’ll learn:
1️⃣ What is HTML? – Discover HTML’s purpose and how it powers the web!
2️⃣ Document Structure – Learn the essential structure (head, body, and tags) to build your HTML pages.
3️⃣ Basic HTML Tags – Create engaging content with headings, paragraphs, links, and images.
4️⃣ Interactive HTML Forms – Make your pages interactive with forms that capture user input.
5️⃣ HTML Lists – Master ordered, unordered, and nested lists for organized content.
6️⃣ Creating and Styling Tables – Build structured tables with style!
7️⃣ HTML5 Semantic Elements – Use meaningful code for better accessibility and SEO.
8️⃣ Media Embedding – Add audio, video, and iFrames to enhance user experience.
9️⃣ HTML Attributes – Customize elements with IDs, classes, and data attributes.
🔟 Connecting HTML & CSS – Style your web pages seamlessly.
1️⃣1️⃣ Advanced Techniques – Discover meta tags, SEO tips, and accessibility.
1️⃣2️⃣ HTML Best Practices – Write clean, organized, and effective code!
👨💻 Whether you're just starting or want to strengthen your skills, these tutorials in Amharic are perfect for you. Let’s bring your ideas to life! 🎉
🔥 Subscribe to @codesweb for more web development tutorials in Amharic! 🔥
#HTMLBasics #LearnHTML #HTMLTutorial #HTMLInAmharic #WebDevelopment #AmharicTechTutorials #WebDesign #HTML5 #CodingInAmharic #TechInAmharic #HTMLandCSS
5 months ago | [YT] | 0
View 0 replies
Codesweb ኮድስዌብ
Trump vs. Harris Who Will Win the 2024 Election ??
5 months ago | [YT] | 1
View 0 replies
Codesweb ኮድስዌብ
📣 Important Announcement! 🚗💻
Hey everyone!
I’m excited to share that I’ve officially changed my channel name from OGT to CodeDrive! 🎉
As many of you know, my passion lies in both web programming and car games. With this new name, I aim to create content that focuses on the intersection of these two exciting worlds.
Get ready for more tutorials, game development tips, and awesome car gaming content! Thank you for your continued support, and I can’t wait to embark on this journey with all of you.
Stay tuned for more exciting updates!
Best,
@codedrive16
6 months ago (edited) | [YT] | 0
View 0 replies
Codesweb ኮድስዌብ
Hello family please give me your comments and suggestion .
6 months ago | [YT] | 0
View 0 replies
Codesweb ኮድስዌብ
Are you ready to dive into the world of MERN this October? Whether you're a budding developer or looking to level up your skills, our comprehensive MERN stack course is the perfect opportunity to get hands-on experience with MongoDB, Express.js, React, and Node.js. Join us and transform your coding skills into real-world applications!
What can you expect? Our course offers interactive lessons, practical projects, and expert guidance to help you master each component of the MERN stack. You’ll build dynamic, responsive web applications while learning best practices from industry professionals. Don’t miss out on this chance to gain valuable skills and boost your career!
Ready to take the leap? Spaces are filling up fast, so secure your spot now and get ready for an October full of coding excitement. And don't forget to subscribe to my YouTube channel @ogt759 for more tech insights and tutorials. Like, share, and hit the notification bell so you never miss an update. Your future as a full-stack developer starts here! subscribe our channel to get place @codesweb
8 months ago (edited) | [YT] | 3
View 0 replies
Codesweb ኮድስዌብ
SUBSCRIBE TO MY NEW CHANNEL FREE ACCOUNT ON 100SUBS BUT THE CAPTION WILL SAY JUST CAR PARKING MULTIPLAYER AM DOING THIS INCASE AM BANNED OR NOT FOUND IN THIS CHANNEL AND TNX FR THE SUPPORT ON THIS CHANNEL
THIS IS THE ACC youtube.com/@VETROCPM
1 year ago | [YT] | 37
View 2 replies
Load more