Learn to Code via Tutorials on Repl.it!

← Back to all posts
HTML Tutorial 1 part
GDSuperMoonX (3)

So you are in HTML tutorial.

The default code that you see in html repl is this:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>repl.it</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <script src="script.js"></script>
  </body>
</html>

About JavaScript and CSS we talk in other post.

Yeah cool but i want to know more!

Okay! There list of headings>

<h1>Text here</h1> <!-- Most big header -->
<h2>Text here</h2> <!-- Some smaller than H1 header -->
<h3>Text here</h3> <!-- Smaller than H2 header. -->
<h4>Text here</h4> <!-- Smaller than H3 header. -->
<h5>Text here</h5> <!-- Smaller than H4 header. -->
<h6>Text here</h6> <!-- Most small header. -->

You can also just type text, but the paragraph tag can set the class or id of it (Requies for CSS).
Example:

<p class="className" id="idName">Text Here</p>

You will see this as

The <main> tag is useless, So we skip it.

How to do bold and italic text?

For bold text you need to use tag <strong>.

For italic you need CSS.

Example of <strong> tag

It very looks like text type of headings.

Do you want to make buttons?

Easy.

Use tag <button> for buttons.

Example:

<button>Example button</button>

It will show like this:

Having problems like this?

Then use the <br> tag!

Example:

Hi
<br>
How are you?

You will see this with br tag.

This been first part.

Bye! The next part is soon!

Check the full page at https://RemorsefulTurquoiseLicenses.gdsupermoonx.repl.co.

Also if i did something wrong then comment it.

Comments
hotnewtop
NoNameByProgram (198)

Solving mistakes with my perspective:
1. Making text italic can be used with the <em> tag or the <i> tag. (<em> tag reccomended)
2. Also, what do you mean by:

You can also just type text, but the paragraph tag can set the class or id of it (Requies for CSS).

Please reply and fix these mistakes.

Kookiez (388)

@NoNameByProgram Do you think this would be classified as cycle squeezing?

NoNameByProgram (198)

@Kookiez 75% of me is sure, the other 25% is unsure if it's cycle squeezing.

Kookiez (388)

I really honestly feel like this is cycle squeezing. Make a whole tutorial please.