How to create the html base!

uKUo...VpYA
3 May 2026
35

First, open your code editor — any decent one will do.

Now, type:

```plaintext
<!DOCTYPE html>
```

Done! This is the beginning of your HTML file.

Now, type:

```plaintext
<html lang="en">
</html>
```

Done!

It should look like this:

```plaintext
<!DOCTYPE html>
<html lang="en">

</html>
```

Great! Now, type this inside the <html> tag:

```plaintext
<head>
</head>
```

It should look like this:

```plaintext
<!DOCTYPE html>
<html lang="en">
<head>

</head>
</html>
```

Now, type this inside the <head> tag:

```plaintext
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
```

It should look like this:

```plaintext
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>
```

Now, add your website title.

Replace this:

```plaintext
<title></title>
```

with this:

```plaintext
<title>MyTitle</title>
```

Remember, you can put any title you want.

Now, type the <body> element below the <head> tag.

It should look like this:

```plaintext
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MyTitle</title>
</head>

<body>

</body>
</html>
```

Now, add some text:

```plaintext
<h1>MyText</h1>
```

It should look like this:

```plaintext
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MyTitle</title>
</head>

<body>
<h1>MyText</h1>
</body>
</html>
```

Your basic HTML page is now ready!

BULB: The Future of Social Media in Web3

Learn more

Enjoy this blog? Subscribe to daviribeirode0

0 Comments