HTML and HTML5 For Beginners 2016

Name: HTML and HTML5 For Beginners 2016
Rating: 4.0 (185 reviews)

Explanation of HTML and HTML 5 from the very beginning

Created byIT Solutions

Last updated 8/2016

English

English [Auto],

What you'll learn

Implement HTML and HTML 5 websites
Understand HTML code
Fell free in all the areas of HTML and HTML5
Create modern webpages and web applications

Course content

3 sections • 32 lectures • 2h 54m total length

Inroduction - What We Will Learn1:50
Learn how to create your first HTML page, then explore HTML5 elements and attributes, CSS, forms, geolocation, and JavaScript features to build modern web pages and apps.
Let's Install Visual Studio Code2:48
Download Visual Studio Code from the official site for Windows; you can use any text editor, but VS Code is recommended for this course, with extensions and the installation wizard.
Create Project Stucture3:22
Create a project folder in Visual Studio Code and establish a clear folder structure for HTML, CSS, and JavaScript to support client-side web development and future database information integration.
Introduction to HTML4:01
Explore the basics of HTML and HTML5, including doctype, html, head, and body tags and attributes, and learn how pages render across browsers.
Your First HTML Page4:53
Learn to create your first html page by setting the html5 doctype, building the head and body with a title, and testing the page in a browser.
Elements and Attributes3:54
Explore how elements and attributes define HTML structure, using start and closing tags, head and body sections, and attributes like language, title, src, width, and height.
Meta, Paragraph and Heading Tags8:14
Learn how metadata describes pages for browsers and search engines, including description, keywords, author, and last-modified, and structure content with heading tags, paragraphs, and a title tag for indexing.
Text Formatting and Comments7:46
Explore HTML text formatting basics including bold, emphasis, italic, small, strong, superscript, subscript, insert, delete, and mark, and learn to use extremal comments to hide sections from rendering.
CSS - Inline, Internal, and External7:31
Learn CSS basics by implementing inline, internal, and external styling to control font size and color, compare performance, and link an external stylesheet for scalable web pages.
Tables6:21
Create html table with table, thead, tbody, tr, and td; add a border and 100 percent width, then create three headers and three rows of three columns, styled with css.
Links and images10:05
Learn to add images with the image tag and src, set width and height, include alt text, and build links with href that open in new or same tab.
Meta Tags5:10
Implement meta tags in the head, including keywords, description, author, and charset, to provide machine-parsable data for browsers and search engines; use http-equiv refresh to update the page.
Lists4:52
Learn how to create and format ordered, unordered, and description lists in HTML, using dl, dt, and dd to define terms and definitions, with practical examples.
Block and Inline Display5:34
Block and inline display demonstrates how block level elements like div and headings break lines, while inline elements like span stay on the same line and fit content.
Class Selector and ID Selector7:59
Learn how to use class and id selectors to target HTML elements, apply unified styling with a container class, and compare dot versus hash syntax for precise page styling.
Introduction to JavaScript3:38
Learn JavaScript as a language to manipulate web page elements, respond to clicks and loads, and update content using getElementById and innerHTML, plus script placement and external scripts.

Summary Of Section3:02
Learn HTML and HTML5 basics: tags, attributes, images with src, width and height, comments, text formatting, tables, lists, links, and an introduction to forms and CSS.
HTML Forms Overview2:00
Explore html forms by examining form elements, attributes, and input types such as text, password, date, and time. Build a structured form that submits to a php page.
Elements5:44
Build forms by structuring the form tag, fieldset, legend, labels, inputs, textarea, select, options, and a submit button.
Types6:25
Learn the four main HTML form input types and how to build simple forms to submit data to a server, including text, password, radio buttons, checkboxes, and push buttons.
Attributes12:12
Explore essential html form attributes, including label, input, textarea, select, radio, and checkbox, and learn how name, id, value, type, and form control submission to a server.
Your First Form Creation4:58
Learn to create and submit a basic HTML form. Configure form action to post to a server-side script like submit.php, mapping input names to posted data.
Summary on HTML Forms.mp42:02
Learn the basics of creating and using HTML forms with HTML5 for beginners, covering form inputs, labels, and submission fundamentals.

Intro HTML52:10
Explore the fundamentals of HTML5 and learn to structure web pages with HTML5 elements. Build a solid foundation for semantic markup and responsive design in beginner-friendly lessons.
HTML5 vs. Previous HTML Doctypes4:14
compare the HTML5 doctype with older versions, highlighting a simpler doctype and easier charset declaration, reducing typing and memorization, while outlining future exploration of HTML5 features.
Elements & Semantic Layout9:01
Convert an older HTML layout to HTML5 semantic layout using header, nav, section, article, and footer, replacing divs with semantic elements to improve readability and SEO.
Video & Audio Multimedia Elements.mp47:49
Explore how to use HTML5 video and audio tags, add sources, set width and height, enable controls, poster images, and autoplay across browsers.
Intro to Canvas and SVG2:10
Compare canvas and SVG for web graphics, noting that canvas draws 2d graphics with JavaScript and requires full redraw. Explore SVG: it's XML-based, supports event handlers, and is resolution independent.
Graphics - Canvas3:33
Explore the HTML5 canvas element by configuring its width, height, and border, and understand it as a platform to place items and draw text, while reviewing browser compatibility.
HTML5 Graphics - SVG.mp46:42
Explore SVG graphics by creating circle, rectangle, and polygon shapes, adjusting x and y points, radius, stroke, and fill to design flexible SVG elements.
HTML5 Input Types7:12
Explore HTML5 input types, including number with min, max, step, and default values, plus date, color, range, month, week, time, datetime-local, email, search, tel, and url.
HTML5 - Web Workers7:14
Learn how to implement a simple web worker in JavaScript, start and stop the worker, postMessage and onmessage communication, and handle browser support and fallbacks for older browsers.

Requirements

Visual Studio Code (we'll install it together in the lectures) or any other IDE

Description

In this tutorial we’re going to learn from scratch many different areas of HTML and HTML 5.

The very first topic we're going to learn is what is HTML.

We will then get down and will create our first HTML page.

We will also cover all the different attributes and elements associated with HTML and we will touch CSS and JavaScript quickly to get a basic idea about these languages.

We will cover the HTML5 and we will teach you all of the new features of HTML5 related to input forms, geolocation, web sockets, and many other items related to HTML 5 so that you can advance your skills when you create modern webpages and web applications.

The very nice thing about the HTML, it opens up the field for many different programming languages.

This will improve your skills for everything that you’ve learned in all of the video lecture series, so it’s important to follow these to enhance your HTML skills.

Who this course is for:

Anyone who is going to start web development career
Beginner Front end developers

HTML and HTML5 For Beginners 2016

What you'll learn

Explore related topics

Course content

Getting Familiar With HTML16 lectures • 1hr 28min

HTML Forms7 lectures • 36min

Understanding HTML 59 lectures • 50min

Requirements

Description

Who this course is for: