By Fronz-Tec

Web Basics by Fronz-Tec

This is a Tutorial Series by Fronz-Tec to optimize your coding skills

HTML Basic

<!DOCTYPE html>
<html>
<head>
<title>Website Title(The name of the Tab)</title>
<link rel="stylesheet" type="text/css" href="Here comes your css File path. On Sololearn, you doesn't need that. Put Css inside the CSS Tab">
</head> <body>

<h1>This is a heading.</h1>

<p>This is a paragraph.</p>

</body>
</html>

CSS Code

This is the Style, you define in your CSS File. Please note, that putting the CSS Style inside the HTML File is not recommended and makes your site to load slow.

CSS Basics

body {
background-color: #d0e4fe;
}

h1 {
color: orange;
text-align: center;
}

p {
font-family: "Times New Roman";
font-size: 20px;
}

Tags of this Lesson

This is a list of the HTML tags of this lesson and the use of them:

The !DOCTYPE html "say" to the Browser, that this is a HTML File

The html element defines an HTML page.

The head element is the place, you put your paths for external files and the Title of your page. If you make style and script internal, you should put them inside the head.

The title element is the Title of your page, who stands on the Tab of the Browser.

The body element defines the visual part of your site.

The h1 element is the biggest standart size of a Text.

The p element defines a paragraph of the site with text.

The br element makes a breaks the row. It is used to write the text on a new line

Web Basic Tutorial Part 2: How to make a Table. [By Fronz-Tec]