HTML5 – From Basics to Advanced level (2020)
Are you a beginner? Do you want to learn web development but do not have any idea where to start?
If yes, then this is THE perfect course for you. In the HTML course, you will learn all the concepts of HTML5, starting from its history to its modern structure. We will cover all the tags which are most widely used in the world of web development. Simultaneously, we will show you some of the best practices of code-writing in HTML5.
HTML is short for ‘HyperText Markup Language’, which means HTML is only used to create a structure of the web page. But without some styling, no assignment or project will look good. Thus, we will cover some portion of the CSS required to create simple web pages.
This HTML course will be beneficial for all who are looking to start their career in the web development field and aspire to become a Frontend or Full-stack web developer. This HTML course will be the first step towards your goal to become a web developer. To continue this journey, we would recommend you complete the other languages and skills like CSS, Javascript, ES6, React.
Check out our profile to find related courses that are designed just like this.
Who’s teaching you in this course?
I am a Computer Science graduate highly rated instructor with a rating of 4.3 and more than 200k students on Udemy, I have been part of the corporate circle since my college days. In my early days, I was part of a startup team delivering production grid android apps. Currently, I am a lead developer at EdYoda. I’m responsible for the entire front-end development & integration with the back-end. React, Python, Django is my areas of expertise. I have been delivering corporate training for Android, React, JavaScript, Python & Django. I have eyes for details & that makes me suited for delivering a finished product. I’m a fitness freak & working out is the favorite thing to do in my spare time.
I want everyone to enjoy the learning process and I have shared my knowledge that will be helpful for you.
Why learn HTML?
HTML is at the Core of the Internet. Learning HTML and CSS allows you to build your own websites, gives you a skill which you can use to improve work at your current Job, and also opens up an opportunity to transition into a Career in tech and :
1. HTML is Easy to Learn and Use
2. HTML is Free
3. HTML is supported by all Browsers
4. HTML is Basic of all Programming Languages
Our HTML Learning Area features multiple modules that teach HTML from the ground up — no previous knowledge required.
- Introduction to HTML
- This module sets the stage, getting you used to important concepts and syntax such as looking at applying HTML to text, how to create hyperlinks, and how to use HTML to structure a web page.
- Multimedia and embedding
- This module explores how to use HTML to include multimedia in your web pages, including the different ways that images can be included, and how to embed video, audio, and even entire other webpages.
- HTML tables
- Representing tabular data on a webpage in an understandable, accessible way can be a challenge. This module covers basic table markup, along with more complex features such as implementing captions and summaries.
- HTML forms
- Forms are a very important part of the Web — these provide much of the functionality you need for interacting with websites, e.g. registering and logging in, sending feedback, buying products, and more. This module gets you started with creating the client-side/front-end parts of forms.
- Use HTML to solve common problems
- Provides links to sections of content explaining how to use HTML to solve very common problems when creating a web page: dealing with titles, adding images or videos, emphasizing content, creating a basic form, etc.
Advanced topics
- CORS enabled image
- The
crossoriginattribute, in combination with an appropriate CORS header, allows images defined by the<img>element to be loaded from foreign origins and used in a<canvas>element as if they were being loaded from the current origin. - CORS settings attributes
- Some HTML elements that provide support for CORS, such as
<img>or<video>, have acrossoriginattribute (crossOriginproperty), which lets you configure the CORS requests for the element's fetched data. - Preloading content with rel="preload"
- The
preloadvalue of the<link>element'srelattribute allows you to write declarative fetch requests in your HTML<head>, specifying resources that your pages will need very soon after loading, which you therefore want to start preloading early in the lifecycle of a page load, before the browser's main rendering machinery kicks in. This ensures that they are made available earlier and are less likely to block the page's first render, leading to performance improvements. This article provides a basic guide to howpreloadworks.
References
- HTML reference
- HTML consists of elements, each of which may be modified by some number of attributes. HTML documents are connected to each other with links.
- HTML element reference
- Browse a list of all HTML elements.
- HTML attribute reference
- Elements in HTML have attributes. These are additional values that configure the elements or adjust their behavior in various ways.
- Global attributes
- Global attributes may be specified on all HTML elements, even those not specified in the standard. This means that any non-standard elements must still permit these attributes, even though those elements make the document HTML5-noncompliant.
- Inline elements and block-level elements
- HTML elements are usually "inline" or "block-level" elements. An inline element occupies only the space bounded by the tags that define it. A block-level element occupies the entire space of its parent element (container), thereby creating a "block."
- Link types
- In HTML, various link types can be used to establish and define the relationship between two documents. Link elements that types can be set on include
<a>,<area>and<link>. - Guide to media types and formats on the web
- The
<audio>and<video>elements allow you to play audio and video media natively within your content without the need for external software support. - HTML content categories
- HTML is comprised of several kinds of content, each of which is allowed to be used in certain contexts and is disallowed in others. Similarly, each has a set of other content categories they can contain and elements that can or can't be used in them. This is a guide to these categories.
- Quirks mode and standards mode
- Historical information on quirks mode and standards mode.
Related topics
- Applying color to HTML elements using CSS
- This article covers most of the ways you use CSS to add color to HTML content, listing what parts of HTML documents can be colored and what CSS properties to use when doing so. Includes examples, links to palette-building tools, and more.
Get started with the skill.
Comments
Post a Comment