Login to ZARP

TOPIC: [Coding Lesson] Part 1 HTML/CSS

[Coding Lesson] Part 1 HTML/CSS 6 years 9 months ago #624682

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

<html> 

</html>

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.

<p>Hello website!</p>

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!

vitx
Offline
Expert Boarder
Posts: 1015
Thanks received: 308
Karma: -36

The following user(s) said Thank You: Miro, Wolfi

[Coding Lesson] Part 1 HTML/CSS 6 years 9 months ago #624687

Looks good! I will look into it tomorrow!	Wolfi Offline Legendary Member Future Owner and Manager of Murder Posts: 8738 Thanks received: 2708 Karma: 52
Login or register to post a reply.

[Coding Lesson] Part 1 HTML/CSS 6 years 9 months ago #624688

Htmm/CSS is very fun and simple to learn, very nice guide	el une spodermun Offline Mythical Boarder ex retard Posts: 5119 Thanks received: 1318 Karma: 19
steamcommunity.com/id/refoogee Login or register to post a reply.

[Coding Lesson] Part 1 HTML/CSS 6 years 9 months ago #624749

Give me some suggestion what you want me to learn you tomrrow	vitx Offline Expert Boarder Posts: 1015 Thanks received: 308 Karma: -36
Login or register to post a reply.

[Coding Lesson] Part 1 HTML/CSS 6 years 9 months ago #624792

vitx wrote: Give me some suggestion what you want me to learn you tomrrow A nuclear launch program?	Zarp Trusted Offline Banned its mango Posts: 2032 Thanks received: 847 Karma: -20
Login or register to post a reply. The following user(s) said Thank You: Roy Harper, Wolfi

[Coding Lesson] Part 1 HTML/CSS 6 years 9 months ago #624794

MyNameBrokeTOU wrote: vitx wrote: Give me some suggestion what you want me to learn you tomrrow A nuclear launch program? yesss bois	0yc37xrk6m Offline Adept Boarder Posts: 6727 Thanks received: 1995 Karma: 44
Login or register to post a reply.

[Coding Lesson] Part 1 HTML/CSS 6 years 9 months ago #624912

MyNameBrokeTOU wrote: vitx wrote: Give me some suggestion what you want me to learn you tomrrow A nuclear launch program? that is going to be hard for web development	vitx Offline Expert Boarder Posts: 1015 Thanks received: 308 Karma: -36
Login or register to post a reply.

[Coding Lesson] Part 1 HTML/CSS 6 years 9 months ago #625244

Biwx is helping me code LUA for Gmod.	Annie Moonise Offline Legendary Member Ex Deathrun Server Owner Posts: 2691 Thanks received: 881 Karma: 20
Ex Deathrun Server Owner Ex TeamSpeak Staff Ex Forum Staff - Deathrun Moderator Section Login or register to post a reply.

[Coding Lesson] Part 1 HTML/CSS 6 years 9 months ago #625245

Annie Montana wrote: Biwx is helping me code LUA for Gmod. Not going to be rude but is he the best teacher for that lol	DEADMONSTOR Offline Former Owner Posts: 9276 Thanks received: 3799 Karma: 80
... Login or register to post a reply.

[Coding Lesson] Part 1 HTML/CSS 6 years 9 months ago #625264

DEADMONSTOR wrote: Annie Montana wrote: Biwx is helping me code LUA for Gmod. Not going to be rude but is he the best teacher for that lol I know you are a better coder but BiWx is teaching me the basics and i'm moving on to advanced coding which is still hard at the basics. I am getting the hang of it just not at a good pace.	Annie Moonise Offline Legendary Member Ex Deathrun Server Owner Posts: 2691 Thanks received: 881 Karma: 20
Ex Deathrun Server Owner Ex TeamSpeak Staff Ex Forum Staff - Deathrun Moderator Section Login or register to post a reply.

[Coding Lesson] Part 1 HTML/CSS 6 years 9 months ago #625282

Visa ditt gymnasiearbete så dem inte tror du är en nobb =D	catboy sven ツ Offline Adept Boarder Respected Zarp Contributor Posts: 7193 Thanks received: 1544 Karma: -45
ex-minecraft owner, zarp legend (Was there during the infancy of Zarp), ex-ssrp admin, ex-teamspeak emblem (For SSRP admin & minecraft owner) Login or register to post a reply.

[Coding Lesson] Part 1 HTML/CSS 6 years 9 months ago #625310

DEADMONSTOR wrote: Annie Montana wrote: Biwx is helping me code LUA for Gmod. Not going to be rude but is he the best teacher for that lol Could you teach me lua? I know the basics of lua and coding in general e.g conditionals, variables etc	SorIe Offline Marvelous Boarder Posts: 10833 Thanks received: 4290 Karma: 401
ex-dog LT member on many servers Login or register to post a reply.

[Coding Lesson] Part 1 HTML/CSS 6 years 9 months ago #625314

Can you tell me how to make hacks? Asking for a friend.	Studio Banter Offline Marvelous Boarder ❤️ Posts: 14007 Thanks received: 5848 Karma: -60
Login or register to post a reply.