PythonIntermediate PythonNumPySQLGen AI
HTMLCSSJavaScriptIntermediate JavaScriptReactp5.jsNode.js
Command LineGit & GitHub
C++JavaData Structures & Algorithms

Exercise

01. Sh流=ʃ?ッ}_ッʃれ[

What is HTML?

Welcome to The Origins Trilogy! The beginning of your web development journey. 🌋

The language we are learning is HTML, or HyperText Markup Language. It was created by a developer named Tim Berners-Lee in 1991.

Today, every website in the world uses HTML!

As the name suggests, HTML is a markup language; it marks up every piece of content on a web page and defines its type. Pretty simple and perfect for beginners!

However, HTML is just one piece used to build a web page. Most web pages use:

  • Html Logo

    HTML: Create the website skeleton.

  • CSS Badge

    CSS: Modify the website appearance.

  • JavaScript Badge

    JavaScript: Make it interactive.

This course will focus on HTML to build a strong foundation.

The programs we write will be files with the extension .html.

Ah one more thing, you need a code editor! A code editor is a text editor that can write and run code.

And we have one here. Let's test it out!

Instructions

A shooting star is falling on the horizon — make a wish! 💫

Type these two lines of code onto line 3:

<h2>Write the date</h2>
<p>Write your wish</p>
  • Replace Write the date with today's date.
  • Replace Write your wish with a wish.

And then press the "Run" button.

You just created your first web page with HTML!

Press "Complete" and then "Next" to continue.

Happy coding! (ノ ◕ ヮ ◕)ノ*:・゚ ✧

Help

Get a Hint

Want the solution? Try completing the lesson first!

New Item Unlocked!

pom pom characters gifitem duck

Rubber Duck NEW

Rubber duck debugging is a classic technique used by developers to debug code. By explaining the code line-by-line to a rubber duck, you can break down the code into smaller pieces, and potentially identify the error.

... It's silly, we know.

New Item Unlocked!

pom pom characters gifitem duck

Codédex BotNEW

I’m a coding mentor bot built with GPT-4 👋. I’m here to answer any questions related to programming, Codédex, and much more.

FEATURE UNLOCKED!

sad characters gif

You have 100 XP! This means you can now join our Discord community to chat and hang out with fellow learners and the team behind Codédex!
See you there. 😊

FEATURE UNLOCKED!

pom pom characters gif

You have 250 XP! This means you can now join our On-Platform community to chat and hang out with fellow learners!
Say hi in the Introductions channel. 😊

ga

Welcome to the General Assembly x Codédex experience!

Complete the following mandatory chapters:
HTML Chapters 1-2, CSS Chapters 1-2, and JavaScript Chapters 1-2.

You will submit the code in the last exercise of each of the chapters:

Once you've completed all of them, you can submit your work
and tell us about your experience!

js logostar.html

user image
send image
user image

Hi, I’m Codédex Bot! I’m a coding mentor bot built with GPT-4 👋.

I’m here to answer any questions related to programming, Codédex, and much more.

For example, try to ask something like:

  • What are classes and objects in Python?
  • How to create a table in HTML?
  • What's if (variable > 2) print(‘greater’)?
  • What's Codédex Club?
send image
item duck
Loading...

index.html

Your code results will appear here when you Run the project.

user image
send image
user image

Hi, I’m Codédex Bot! I’m a coding mentor bot built with GPT-4 👋.

I’m here to answer any questions related to programming, Codédex, and much more.

For example, try to ask something like:

  • What are classes and objects in Python?
  • How to create a table in HTML?
  • What's if (variable > 2) print(‘greater’)?
  • What's Codédex Club?
send image

Elements

01. Shooting Star

02. Elemental

03. Newspaper

04. Corporate Talk

05. Sous-Chef

06. Lost Pet

07. Favorite Band

Structure

Forms

Semantic HTML

01. Shooting Star

10 XP

01. Shンラ*-ッbΠ}ンド*

What is HTML?

Welcome to The Origins Trilogy! The beginning of your web development journey. 🌋

The language we are learning is HTML, or HyperText Markup Language. It was created by a developer named Tim Berners-Lee in 1991.

Today, every website in the world uses HTML!

As the name suggests, HTML is a markup language; it marks up every piece of content on a web page and defines its type. Pretty simple and perfect for beginners!

However, HTML is just one piece used to build a web page. Most web pages use:

  • Html Logo

    HTML: Create the website skeleton.

  • CSS Badge

    CSS: Modify the website appearance.

  • JavaScript Badge

    JavaScript: Make it interactive.

This course will focus on HTML to build a strong foundation.

The programs we write will be files with the extension .html.

Ah one more thing, you need a code editor! A code editor is a text editor that can write and run code.

And we have one here. Let's test it out!

Instructions

A shooting star is falling on the horizon — make a wish! 💫

Type these two lines of code onto line 3:

<h2>Write the date</h2>
<p>Write your wish</p>
  • Replace Write the date with today's date.
  • Replace Write your wish with a wish.

And then press the "Run" button.

You just created your first web page with HTML!

Press "Complete" and then "Next" to continue.

Happy coding! (ノ ◕ ヮ ◕)ノ*:・゚ ✧

Help

Get a Hint

FEATURE UNLOCKED!

sad characters gif

You have 100 XP! This means you can now join our Discord community to chat and hang out with fellow learners and the team behind Codédex!
See you there. 😊

FEATURE UNLOCKED!

pom pom characters gif

You have 250 XP! This means you can now join our On-Platform community to chat and hang out with fellow learners!
Say hi in the Introductions channel. 😊

js logo

user image
send image
user image

Hi, I’m Codédex Bot! I’m a coding mentor bot built with GPT-4 👋.

I’m here to answer any questions related to programming, Codédex, and much more.

For example, try to ask something like:

  • What are classes and objects in Python?
  • How to create a table in HTML?
  • What's if (variable > 2) print(‘greater’)?
  • What's Codédex Club?
send image
item duck
Loading...

index.html

user image
send image
user image

Hi, I’m Codédex Bot! I’m a coding mentor bot built with GPT-4 👋.

I’m here to answer any questions related to programming, Codédex, and much more.

For example, try to ask something like:

  • What are classes and objects in Python?
  • How to create a table in HTML?
  • What's if (variable > 2) print(‘greater’)?
  • What's Codédex Club?
send image