Flow Elements (Clip 12): Gentle Introduction to HTML for Beginners
Block vs inline elements (p, div, em, span), including best practices.
Lesson Links
To view the code for the "coding along" exercises in this lesson, click the link below. This takes you to my GitHub, which is a site for storing code files. You can then copy/paste text from those files (saving you some typing) or compare your code to the code from the exercise.
Building a Well-organized Page (yoyo-detail.html): https://github.com/DeborahK/Gentle-In...
Content
00:00 Flow elements
00:10 Block elements
00:30 Inline elements
00:51 Block element best practices
01:26 Inline element best practices
02:19 Coding Along: The div and span elements
03:13 Elements tab of the browser developer tools
04:11 The p vs div elements
04:45 The em and span elements
05:58 Key points
Course Description
Every web page you see is created with HTML. This course is a gentle introduction to the syntax and best practices of HTML.
You'll learn about HTML elements and attributes, how to structure a page, and use semantic elements to organize your content. You'll see how to build a list and table, add images and navigation, and create a data entry form.
You have the option of coding along with the course and building a website with HTML.
Audience
• Anyone new to web development.
• Students considering a web developer career.
• Existing web developers that want to reinforce their HTML knowledge.
• Those that manage or interact with web developers to better understand what HTML is and how it's used.
No prerequisite knowledge or skills are needed for this course.
This is the second course of the "How to Become a Web Developer" series.
