Html Layout Explained
•
0 likes•90 views
Let's walk through the structure of an HTML file and learn how to use it
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Html Layout Explained
Similar to Html Layout Explained (20)
Recently uploaded
Recently uploaded (20)
Html Layout Explained
- 1. HTML Layout © 21 Lessons, 2019
- 2. <!DOCTYPE html> <html lang="en"> <head> <title>Hello!</title> <meta charset="utf-8"> <link rel="stylesheet" href="/style.css"> <script src="/script.js" defer></script> </head> <body> <h1>TODO LIST</h1> <form class="input-form"> <input type="text" class="new-todo-item" /> <input type="submit" class="submit-form-button" value="Add" /> </form> <h2> My TODO's </h2> <ul class="todo-list"> </ul> </body> </html> Let's Consider This HTML Document © 21 Lessons, 2019
- 3. Structure <!DOCTYPE html> <html> <head> </head> <body> </body> </html> Meta Information Your Website Content Goes Here © 21 Lessons, 2019
- 4. What Goes Into <head>? The Website Title CSS Includes JavaScript Includes <title>21 Lessons Blog</title> <link rel="stylesheet" href="/ style.css"> <script src="/script.js"></ script> © 21 Lessons, 2019
- 5. What Goes Into <body>? Your Website Content - Headlines - Images - Paragraphs - Lists - ... © 21 Lessons, 2019
- 6. Did You Learn Something New? Save this Post Share This Post Like This Post © 21 Lessons, 2019