Scribd
Upload
2 views13 pages

Web Development - HTML Basics

The document provides an overview of HTML basics for web development, including syntax, structure, and essential elements. It outlines the HTML skeleton, head, headers, paragraphs, lists, and images with examples. The content emphasizes the importance of combining structure and design in web pages.

Uploaded by

sghaier anouar
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
2 views13 pages

Web Development - HTML Basics

The document provides an overview of HTML basics for web development, including syntax, structure, and essential elements. It outlines the HTML skeleton, head, headers, paragraphs, lists, and images with examples. The content emphasizes the importance of combining structure and design in web pages.

Uploaded by

sghaier anouar
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Web Development

HTML Basics
A web page =

Content and structure

Design
HTML basic syntax

<element> Content </element>

<element attr="value"> Content </element>

<a href=“[Link] Le Wagon </a>


HTML skeleton
<!DOCTYPE html>
<html>
<head>
Page’s intelligence (meta data)
</head>

<body>
Page’s content (displayed in browser)
</body>

</html>
HTML head

<head>

<title> Page Title </title>


<meta name=“description” content=“desc…”>
<meta charset=“UTF-8”>

</head>
Let’s code our

skeleton 🚀
HTML headers

<h1> Main title </h1>


<h2> Subtitle </h2>
<h3> Section title </h3>
<h4> Section subtitle </h4>

Etc…
HTML paragraph

<p>
Lorem ipsum dolor sit amet,
consectetur adipisicing
[Link] laboriosam
</p>
HTML strong

<p>
Lorem ipsum dolor sit amet,
<strong>consectetur</strong>
adipisicing [Link]
laboriosam
</p>
HTML unordered list

<ul>

<li> Bread </li>


<li> Milk </li>
<li> Butter </li>
</ul>
HTML ordered list

<ol>

<li> France </li>


<li> Uruguay </li>
<li> Belgium </li>
</ol>
HTML images

<img src=“images/[Link]“ alt=“Le Wagon“ >


Let’s code our

HTML profile 🚀

You might also like