Correction
Medium Board
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dev-i-learn</title>
<link rel="stylesheet" href="data/css/style.css">
</head>
<body>
<header class="header">
<a href="index.html" title="Link to the home page">
<img src="data/img/logo.jpg" alt="website-logo" title="Website's logo">
</a>
<nav class="navbar">
<ul class="nav-items">
<li class="nav-item">
<a href="navlink1.html" title="Link to the first page" class="nav-link">
Navlink 1
</a>
</li>
<li class="nav-item">
<a href="navlink2.html" title="Link to the second page" class="nav-link">
Navlink 2
</a>
</li>
</ul>
</nav>
</header>
<section class="section">
<div class="section-container">
<div class="section-content">
<img src="data/img/first-image.jpg" alt="first-image" title="First image">
<p>This is my first paragraph</p>
</div>
</div>
</section>
<footer class="footer">
Copyright © | 2022
</footer>
</body>
</html>
Explanations
- <head>: The <head> tag is a container for metadata (data about data).
- <link>: The <link> tag defines the relationship between the current document and an external resource.
- <body>: The <body> tag defines the document's body. It contains all the contents of an HTML document, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
- <header>: The <header> tag represents a container for introductory content or a set of navigational links.
- <nav>: The <nav> tag defines a set of navigation links.
- <ul>: The <ul> tag defines an unordered (bulleted) list.
- <li>: The <li> tag defines a list item. It's used inside ordered lists(<ol>), and in unordered lists (<ul>).
- href: In the <a> tag, the href attribute specifies the URL of the page the link goes to.
- src: In the <img> tag, the src attribute specifies the path to the image to be displayed.
- <footer>: The <footer> tag defines a footer for a document or section.
Get more fun!
Create your own Board
In progress..
Download more Boards
In progress..
Create your own Board
In progress..
Download more Boards
In progress..