<?!>
Maciej Korsan
Frontend developer @ POLARBITS_
Maciek @ Korsan Studio
(ALE SATYSFAKCJONUJĄCO)
😔
HyperText Markup Language
<!DOCTYPE html>
<html>
<head>
<title>Moja pierwsza strona</title>
</head>
<body>
<h1>Witaj Świecie!</h1>
</body>
</html>
Cascading Style Sheets
<!DOCTYPE html>
<html>
<head>
<title>Moja pierwsza strona</title>
<style type="text/css">
h1 {
color: red;
}
</style>
</head>
<body>
<h1>Witaj Świecie!</h1>
</body>
</html>
*
*
*
*
PISZEMY KOD!
<!DOCTYPE html>
<html>
<head>
<title>Moja pierwsza strona</title>
</head>
<body>
<h1>Witaj Świecie!</h1>
</body>
</html>
h1-h6
div
ul, ol
a
img
p, strong, em, span
iframe, audio, video
selektor {
atrybut-1: wartość;
atrybut-2: wartość;
}
<!DOCTYPE html>
<html>
<head>
<title>Moja pierwsza strona</title>
<style type="text/css">
h2 {
color: red;
}
</style>
</head>
<body>
<h2>Witaj Świecie!</h2>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Moja pierwsza strona</title>
</head>
<body>
<h2 style="color:red;">Witaj Świecie!</h2>
<h2>Witaj Drugi Świecie!</h2>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Moja pierwsza strona</title>
</head>
<body>
<h2 style="color:red; font-size: 12px; font-weight:normal; float: left;">Witaj Świecie!</h2>
<h2>Witaj Drugi Świecie!</h2>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Moja pierwsza strona</title>
<link href="style.css" type="text/css"/>
</head>
<body>
<h2>Witaj Świecie!</h2>
<h2>Witaj Drugi Świecie!</h2>
</body>
</html>
h2 {
color: red;
}
index.html
style.css
krój, rozmiar, interlinia
piksele, procenty, vw, vh
dodajemy responsywność!
@maciejkorsan