Introduction to Coding

Introduction to Coding HTML | CSS | JS

HTML

HTML stands for Hypertext Markup Language.

HTML describes the structure of the webpage, what text, images or links are on the page.

codepen.io

< > open brackets, close brackets,

/ close instruction

<head> meta data belonging to the page

<body> what appears on the page

<!DOCTYPE html>

<html>

<head>

<title>Page Title</title>

</head>

<body>

<h1>This is a Heading</h1>

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

</body>

</html>

Helpful html

Colours

Colours can be specified by name, RGB or HEX value

Colours by name:

Colour Chart

Borders: - HTML head and style

<head>

<style>

h1 {

color: blue;

font-family: courier;

font-size: 160%;

}

p {

color: lime;

font-family: courier;

font-size: 100%;

}

</style>

</head>

CSS

start with

h1 {

border: 4px solid red

}

h1 {

border: 4px solid red;

padding: 30px;

margin-top: 30px;

margin-right: 300px;

margin-left: 300px;

}

codepen.io

Page updated

Report abuse