.
HTML/CSS Coding lesson
.
Hello my name is vitx im a player of DarkRP atm. Today im going to teach you all how to code
HTML and
CSS they are the most basic codes on our websites "WWW" World Wide Web. Every day i'm going to make lessons today we start at lesson 1 that we going to learn basic things. Then when we have come further in we going to start with
PHP and
SQL they are pretty basic aswell.
I'm a website programmer myself i just programming on my free time and i enjoy it pretty much and love todo project with
PHP and
HTML.
Softwere i use
ATOM
Download
Dreamweaver
Download
introduction
What dose
HTML stands for? It stands for "
Hyper Text Markup Language" what can you do with html? well what i use to say html is a
form for
CSS like the ground of a building. Then people might know what is
CSS?
CSS is the style of the website if you want the
paragraph yellow you do it with
CSS CSS stands for
"Cascading Style Sheets" Done talking let's start with codeing!
Coding Part
First of all we start with creating a document then we change the type of the document to
.html file and rename it to
index.html its really important that you have the type right
.html if you not then it wont work!
This is a standard code that you will always begin with!
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Now i'm going to explain what few codes are doing and what you need to know to keep your coding!
Start of the the "
<html> </html>" if you put codes outside the
<html> tags the code will break so you need always to put codes inside the
<html> tags
Now im going to explain what you can do with the
<head> tag. What you can is
linking other
Folders /
Styles and have
Titles and put
Images IMPORTANT you may
NOTcode any raw
HTML code in it. You always have to close your tags with
</html> or
</head> if you dont close your tag
Website will keep reading the first code you have put in.
Exemple<html>
<head>
<title>Vitx home page</title>
<link rel="stylesheet" href="test.css" type="text/css">
</head>
</html>
With my title i added its going to look like this in my web browser
So we have one last thing we need to talk about before we actually starting to get something in our web browser. That is our
body tag, the tag look like this
<body> and always close it
</body> inside our
body tag we going to add all our
HTML raw code there we building on our website.
Exemple<html>
<head>
<title>Vitx home page</title>
<link rel="stylesheet" href="test.css" type="text/css">
</head>
<body>
</body>
</html>
Now we going to add a
paragraph tag inside our
<body> a paragraph is a text. How dose a paragraph tag look like? the tag look like this.
Now we add our
paragraph inside our code we have started
<html>
<head>
<title>Vitx home page</title>
<link rel="stylesheet" href="test.css" type="text/css">
</head>
<body>
<p>Hello website!</p>
</body>
</html>
Results
Extra information
There is few other text
Elements in text you can use!
<h1>text inside here</h1>
<h2>text inside here</h2>
<h3>text inside here</h3>
<h4>text inside here</h4>
<h5>text inside here</h5>
<h6>text inside here</h6>
<p>text inside here</p>
<a>text inside here</p>
Next lesson we going to talk about them and what you can do with them! stay stunned and feel free to add me on steam if you have question and shit!
Add me on steam!