Recent

Thursday, September 9, 2021

September 09, 2021

Free Video Course To Learn HTML5 - Validation

Free Video Course To Learn HTML5 - Validation


This video is going to cover the validation process of your HTML document. Validation basically looks for HTML errors and nonstandard coding. Most browsers today are pretty forgiving, but some might display your nonstandard coded webpage all kind of funky.



September 09, 2021

Free Video Course To Learn HTML5 - hr Tag

Free Video Course To Learn HTML5 - hr Tag


This video will introduce you to the hr tag, also known as the horizontal rule tag, and how you can still style it even in HTML 5. The HR tag or horizontal rule tag is used when you want to separate sections of your webpage with just a simple straight line going from one side of the page to the other. The tag itself is one of those single or empty tags that has the opening and closing all in one tag. In older versions of HTML, you could add some style to the line by making it a certain width or height and even color, and even specify if it were a solid or a dotted line. But since late HTML 4 and now in HTML 5, that method is no longer supported. Now it is styled in the cascading style sheet and not directly within the HR tag itself.



September 09, 2021

Free Video Course To Learn HTML5 - Unordered Lists

Free Video Course To Learn HTML5 - Unordered Lists


 

This video will show you how to set up an unordered list in your HTML document. What is an unordered list? An unordered list is a list of items without a definite order. A good example of an unordered list is a batch of bullet points on a webpage describing the benefits of using the XYZ thingamajig, for example. If that batch of bullet points were the top six reasons you should own the XYZ thingamajig, then it would be an ordered list because of the definite order of that list. But since this video is on crafting an unordered list, let us go ahead and check out how to do that in our Komodo editor.



September 09, 2021

Free Video Course To Learn HTML5 - Ordered Lists

Free Video Course To Learn HTML5 - Ordered Lists


This video will show you how to set up an ordered list in your HTML document. First off, what the heck is order list? An ordered list is a list of items with a definite order, like Dave's top 10 or the five tallest buildings in the world, or as I am about to demonstrate, the top five cities I have lived in.



September 09, 2021

Free Video Course To Learn HTML5 - Video Tag

Free Video Course To Learn HTML5 - Video Tag



 Prior to HTML5, when you added a video to your webpage you did so through a particular plug-in like QuickTime or Flash, but maybe not everyone that visits your webpage has that particular plug-in installed or updated on their browser. It would then be prompted to install or update their plug-in. Not everyone would do that and many would just simply move on to another website. HTML5 solves that issue with the use of the video tag, but after you see this video, you may decide to stick with the old way, at least for now.




September 09, 2021

Free Video Course To Learn HTML5 - Audio Tag

Free Video Course To Learn HTML5 - Audio Tag


Prior to HTML 5, when you added an audio or video file to your webpage, you did so through a particular plug-in like QuickTime or Flash or Flash Movie. But maybe not everyone that visits your webpage has that particular plug-in installed or updated on their browser. They would then be prompted to install or update the plug-in on their browser. Not everyone would do this and many would simply just move on to another website. HTML 5 solves that issue with the use of the audio and video tag. This video will show you how to add an audio file to your HTML 5 webpage. Now the current problem with adding audio to your HTML 5 webpage is that some browsers are not recognizing all audio formats. The way things are at this time is that if you want the majority of your site visitors to hear your audio files, then you have to add more than one audio format so that the different browsers recognize and play your audio file. Setting this up is not difficult at all as you will soon see here in a second. The problem as I see it is that instead of having one MP3 audio file at, say, 2MB, now, I have to have additional audio formats that are roughly the same size or even larger if I am going to be using uncompressed files like the way file. If I use a lot of audio files because, well, maybe I do regular podcast – and those podcasts are 30 minutes or an hour or longer, then this will put a sizable increase in my online hosting costs. In this demonstration, I have several different formats of the same audio file that I am going to be using in making this HTML 5 webpage demo.




September 09, 2021

Free Video Course To Learn HTML5 - Meta Tags

Free Video Course To Learn HTML5 - Meta Tags


This video is going to be about the metadata and the meta tags located in the head section in your HTML webpage. Meta tags are not used as heavily as they used to be back when the search engines relied a lot on the stuff in the metadata. There are however a few that I would suggest to include in your webpage because they are used by the search engines and how your site info is displayed in the search results, and by some browsers in how they load or reload your webpages. The meta-tags go in between the opening and the closing head tag like the title tags do. Here are a few meta-tags that I think you should include in your webpage markup. Description, keywords, author and charset (character set). And while I do not use this one, some people I spoke to say that if there are elements on the webpage like ads, for example, that change when the page is refreshed, then adding the meta tag that auto refreshes the page might come in handy. I will cover that in just a second as well.




September 09, 2021

Free Video Course To Learn HTML5 - Comments Tag

Free Video Course To Learn HTML5 - Comments Tag



This video is going to be about the metadata and the meta tags located in the head section in your HTML webpage. Meta tags are not used as heavily as they used to be back when the search engines relied a lot on the stuff in the metadata. There are however a few that I would suggest to include in your webpage because they are used by the search engines and how your site info is displayed in the search results, and by some browsers in how they load or reload your webpages. The meta-tags go in between the opening and the closing head tag like the title tags do. Here are a few meta-tags that I think you should include in your webpage markup. Description, keywords, author and charset (character set). And while I do not use this one, some people I spoke to say that if there are elements on the webpage like ads, for example, that change when the page is refreshed, then adding the meta tag that auto refreshes the page might come in handy. I will cover that in just a second as well.




September 09, 2021

Free Video Course To Learn HTML5 - Images

Free Video Course To Learn HTML5 - Images



This video is going to show how you can add images to your webpages. I have already added the images to my images folder here. And now I want to write the code in the index file to bring those images onto that index page. Let me open up my images folder here and I will show you those images. Right here we go. And this one here hover over you can see this is 400 x 350 and the easy button image is 300 x 298. A couple of pretty good-sized images. This is my editor here. And this is the Komodo editor. And what we need now is somewhere between the opening and closing body tag, we need to use the image tag and this is a single tag. In other words, there is not going to be an opening image tag and a closing image tag. It is all kind of same thing.




September 09, 2021

Free Video Course To Learn HTML5 - Link Targets

Free Video Course To Learn HTML5 - Link Targets

When you click on a link in a webpage, you are then taken to the destination defined in the hyperlink URL. This video will show you the different targets you can define in the HTML link syntax that allow you more control in how the link acts when the visitor clicks on it. Getting back to my first point, if you have an affiliate link, for example, on your webpage and somebody clicks on that link, whoosh! They are taken off your site and onto the side of the product you are promoting. This may not be the perfect scenario because whether the visitor buys from clicking on your affiliate link or not, they are no longer on your website and may never get back there again. Bye-bye. But there is a way you can craft the code on the affiliate link so that when the visitor clicks on it, an entirely new window or tab opens and takes a visitor to the affiliate's product. This leaves your website still active and open on the visitor's browser. This way, whether or not the visitor buys from your affiliate link, they still have your website open, so they are more likely to come back and check out more of your site.




September 09, 2021

Free Video Course To Learn HTML5 - Site Nav Links

Free Video Course To Learn HTML5 - Site Nav Links



We you have a website that has many different pages, you are going to want to have some type of navigation area or menu area that your visitors can go to in order to click on the links for page 2 or page 3 or the homepage or your about page, and so on. This video will show you how to add these navigation links to your site. I am going to be using the Komodo HTML editor in this demo, but you can do the same thing in pretty much any editor



September 09, 2021

Free Video Course To Learn HTML5 - Colors

Free Video Course To Learn HTML5 - Colors



One item you will eventually need in your web design is colors. And when I talk about colors I am also talking about black and white. Browsers interpret colors one of three ways. The color name like blue, black, green, magenta. The color's RGB code and the R is red, G is green and B is blue. And by using a code called hexadecimal. This video will mostly deal with the hexadecimal method.




September 09, 2021

Free Video Course To Learn HTML5 - Nesting

Free Video Course To Learn HTML5 - Nesting


This video will introduce you to what is called nesting HTML tags, as well as some basic coding in your HTML webpage construction. There are at least five things that every webpage needs in order for it to be an actual HTML webpage.




September 09, 2021

Free Video Course To Learn HTML5 - Saving-Files

Free Video Course To Learn HTML5 -  Saving-Files

Free HTML 5 Video Course

For most people that have been on the Internet for any length of time, saving a file is like blinking. It is done so easily, you do not even think about it. You just click, click, save. Now if you want that file to be a webpage that browsers will be able to read, then there are a couple of standards you need to be aware of. This video will demonstrate the ways to save your file as a webpage.




Sunday, September 5, 2021

September 05, 2021

Free Video Course To Learn HTML5 - Introduction

Free Video Course To Learn HTML5 - Introduction


This video will introduce you to HTML and HTML 5. So what is HTML? HTML stands for HyperText Markup Language. HTML is the language that your web browsers use to communicate to you what a particular webpage looks like. Just like learning any new language – be it Spanish, Chinese or even English – there is a lot of memorizing as well as learning some basic standards like what a noun is and how it is used properly in a sentence, the same holds true for learning HTML







September 05, 2021

Free Video Course to Master in HTML 5

 


100 % FREE COURSES

Free Video Course to Master in HTML 5










1. HTML & HTML5 Introduction

Time: 6:04 Minutes

2. HTML5 Create Basic Page

Time: 12:41 Minutes

3. HTML5 Editors

Time: 7:30 Minutes

4. HTML5 Saving-Files

Time: 5:28 Minutes

5. HTML5 Nesting

Time: 6:31 Minutes

6. HTML5 Colors

Time: 6:38 Minutes

7. HTML5 Site Navigation Links

Time: 5:38 Minutes

8. HTML5 Link Targets

Time: 5:53 Minutes

9. HTML5 Images

Time: 3:33 Minutes

10. HTML5 Comments Tag

Time: 4:23 Minutes

11. HTML5 Meta Tags

Time: 5:12 Minutes

12. HTML5 Audio Tag

Time: 7:40 Minutes

13. HTML5 Video Tag

Time: 7:20 Minutes

14. HTML5 Ordered Lists

Time: 3:09 Minutes

15. HTML5 Unordered Lists

Time: 3:28 Minutes

16. HTML5 hr Tag

Time: 3:39 Minutes

17. HTML5 Validation

Time: 3:38 Minutes