Semantic Elements and Structure // HTML5 Basics

Learn how to create the structure of your website using semantic elements in HTML5. This concept is very important for helping sighted and non-sighted users navigate your website. The better your structure, the better your website. We'll explore all of the HTML5 tags that give your code meaning to users, other developers, and bots. View the code for this video to try it yourself. Link to code in video: http://codepen.io/brianhaferkamp/pen/JEeRjV/ ------------------- This course will teach you HTML5, the newest version of the HTML language. HTML is the skeleton of a website that contains all of the actual information that a browser renders, giving the web page its structural elements. We will learn about common HTML5 tags and create a one-page website as a project that will serve as a basic template for you to use. The concepts of that one-page website will also give you the tools to create a multi-page website. Find more HTML5 Basics videos in this playlist: https://www.youtube.com/playlist?list=PLMklnyuK-t1HksWhgEbehXrCmncQ9SAAw

TARGET AD 2
2017/02/10 Brian Haferkamp   Share on Facebook

RELATED VIDEOS

HTML5 Tutorial 2017 - Semantics, Structure, W3C Validation
Play Video

HTML5 Tutorial 2017 - Semantics, Structure, W3C Validation

2017/03/30
HTML5 Semantics
Play Video

HTML5 Semantics

2013/10/02
HTML5 Semantic Structure, Part 1
Play Video

HTML5 Semantic Structure, Part 1

2016/01/22
Build An HTML5 Website With A Responsive Layout
Play Video

Build An HTML5 Website With A Responsive Layout

2016/12/25
HTML5 Canvas Tutorial for Beginners | An Intro to Becoming a Pro - Ep. 1
Play Video

HTML5 Canvas Tutorial for Beginners | An Intro to Becoming a Pro - Ep. 1

2017/04/06
HTML5 Tutorial For Beginners - 5 of 6 - New Semantic Elements
Play Video

HTML5 Tutorial For Beginners - 5 of 6 - New Semantic Elements

2014/03/06
HTML5 Semantic Markup Tags & Layout - HTML Tutorial for Beginners
Play Video

HTML5 Semantic Markup Tags & Layout - HTML Tutorial for Beginners

2017/08/12
HTML5 Semantic Structures
Play Video

HTML5 Semantic Structures

2016/04/22
HTML semantics: sections & articles
Play Video

HTML semantics: sections & articles

2015/01/17
HTML5 Basics - HTML5 Tags (Part6)
Play Video

HTML5 Basics - HTML5 Tags (Part6)

2013/09/30
HTML5-ALL TAGS EXPLAINED with Example (IN HINDI)
Play Video

HTML5-ALL TAGS EXPLAINED with Example (IN HINDI)

2015/05/08
Html5 Semantic Structure Elements
Play Video

Html5 Semantic Structure Elements

2015/05/09
When to use Section vs Article vs Div in Html?
Play Video

When to use Section vs Article vs Div in Html?

2017/12/13
How to use Div Tags and CSS to Create Responsive Website Layouts and Custom CSS Menus
Play Video

How to use Div Tags and CSS to Create Responsive Website Layouts and Custom CSS Menus

2014/09/29
Semantic HTML5 Elements and markup -- HTML5 in Hindi
Play Video

Semantic HTML5 Elements and markup -- HTML5 in Hindi

2014/06/27
New Elements in HTML5
Play Video

New Elements in HTML5

2013/08/23
10 FREE PC Programs Every Gamer Should Have
Play Video

10 FREE PC Programs Every Gamer Should Have

2017/03/09
How to Create a Nav Bar | HTML & CSS Tutorial
Play Video

How to Create a Nav Bar | HTML & CSS Tutorial

2016/07/23
Learn html5, Using aria landmark roles
Play Video

Learn html5, Using aria landmark roles

2016/04/30
HTML5 Tutorial For Beginners - part 1 of 6 - Getting Started
Play Video

HTML5 Tutorial For Beginners - part 1 of 6 - Getting Started

2013/05/13
Html5 Elements and new Features in English
Play Video

Html5 Elements and new Features in English

2017/05/06
Part 1: Introduction to HTML Canvas
Play Video

Part 1: Introduction to HTML Canvas

2015/09/02
Intro to HTML and CSS - Using Semantic Tags
Play Video

Intro to HTML and CSS - Using Semantic Tags

2014/09/05
Simple Responsive Navigation Menu Bar with Logo on Left Using HTML5 and CSS3 Flexbox - Tutorial
Play Video

Simple Responsive Navigation Menu Bar with Logo on Left Using HTML5 and CSS3 Flexbox - Tutorial

2017/05/01
HTML5 Tutorials #3 - Site Structure - Header, Section, Aside, and Footer
Play Video

HTML5 Tutorials #3 - Site Structure - Header, Section, Aside, and Footer

2013/04/28
HTML Tips and Tricks: Semantic HTML
Play Video

HTML Tips and Tricks: Semantic HTML

2013/11/25
Build a CSS Grid Website // Video 5
Play Video

Build a CSS Grid Website // Video 5

2017/09/20
Top 5 Web Development IDEs and Editors
Play Video

Top 5 Web Development IDEs and Editors

2017/04/25
AWS In 10 Minutes | AWS Tutorial For Beginners | Simplilearn
Play Video

AWS In 10 Minutes | AWS Tutorial For Beginners | Simplilearn

2017/09/01
HTML semantics: making an HTML file
Play Video

HTML semantics: making an HTML file

2015/01/16
Semantic Markup Tags
Play Video

Semantic Markup Tags

2012/05/03
HTML5 and CSS3 beginners tutorial 33 - New tags for the layout
Play Video

HTML5 and CSS3 beginners tutorial 33 - New tags for the layout

2014/05/09
HTML Basics: 2. Elements
Play Video

HTML Basics: 2. Elements

2017/07/22
Top 10 css interview questions and answers
Play Video

Top 10 css interview questions and answers

2017/11/01
HTML5 header, section, article, aside, footer
Play Video

HTML5 header, section, article, aside, footer

2017/05/12
HTML Tutorial for Beginners: 29 Practicing HTML & Building a Basic Website
Play Video

HTML Tutorial for Beginners: 29 Practicing HTML & Building a Basic Website

2017/02/14
Build a CSS Grid Website // Video 1
Play Video

Build a CSS Grid Website // Video 1

2017/09/15
Star Rating using Custom HTML Elements
Play Video

Star Rating using Custom HTML Elements

2017/06/05
HTML and CSS Tutorial for Beginners | The Ultimate guide to learning HTML and CSS
Play Video

HTML and CSS Tutorial for Beginners | The Ultimate guide to learning HTML and CSS

2015/07/29
The Semantic Web presentation
Play Video

The Semantic Web presentation

2015/12/03
The verb & its arguments: valency & transitivity (Lesson 2 of 4)
Play Video

The verb & its arguments: valency & transitivity (Lesson 2 of 4)

2013/08/23
HTML5 template Element Tutorial JavaScript Programming
Play Video

HTML5 template Element Tutorial JavaScript Programming

2014/11/30
Semantic HTML: How to Structure Web Pages: Divs, Headings and the Document Outline
Play Video

Semantic HTML: How to Structure Web Pages: Divs, Headings and the Document Outline

2015/06/03
Build a CSS Grid Website // Video 4
Play Video

Build a CSS Grid Website // Video 4

2017/09/20
HTML5 Structure - Sections and DIVS
Play Video

HTML5 Structure - Sections and DIVS

2011/04/05
Making Accessible Web Apps Using HTML5 and ChromeVox
Play Video

Making Accessible Web Apps Using HTML5 and ChromeVox

2012/07/25
Web semantics tutorial: Using HTML5 header, nav, and footer tags | lynda.com
Play Video

Web semantics tutorial: Using HTML5 header, nav, and footer tags | lynda.com

2013/09/23
Advanced Step-By-Step SEO Tutorial (2018)
Play Video

Advanced Step-By-Step SEO Tutorial (2018)

2017/02/16
Powered by YouTube

Disclaimer

None of the audio/visual content is hosted on this site. All media is embedded from other sites such as GoogleVideo, YouTube etc. Therefore, this site has no control over the copyright issues of the streaming media.

All issues concerning copyright violations should be aimed at the sites hosting the material. This site does not host any of the streaming media and the owner has not uploaded any of the material to the video hosting servers. Anyone can find the same content on Google Video or YouTube by themselves.

The owner of this site cannot know which documentaries are in public domain, which has been uploaded to e.g. YouTube by the owner and which has been uploaded without permission. The copyright owner must contact the source if he wants his material off the Internet completely.