HTML / CSS#

What is a web-site?#

Front end vs back end developpers

Static web pages#

Examples#

Note

Include some accademic profiles (friends)

Why not use wix, worldpress etc …

HTML and css work together

HTML#

Introduction

a simple html page


<head>

</head>

<header>

</header>

<body>

	<h1>	</h1>

	<p>	</p>

</body>

<footer>

</footer>

4 main sections:

  • head
  • header
  • body
  • footer

CSS#

Cool stuffs to explore:

Example#

Download this zip folder containing 2 files (1 html - 1 css):

  • Download

Warning

Need to zip it first

Grid#

A complete guide to CSS grid

Example

Use the grid card from Intro page as an exemple

  • give Myst syntax to show the difference

Naming#

Extra feature#

iframe attribute#

Include pdf, csv, xls word …

Example:

Ressources elsewhere#