[MUSIC] Hi, welcome back to our week two lessons. This lesson is about how to practice your HTML. Now this is a very personal choice, example how we practice something and how we get the most benefit from it. But I want to give you some tips and ideas. First, w3schools.com is one of the best websites you'll find for practicing HTML and other forms of web element. So, here I found using Google, the HTML basic tutorial and this gives us some ideas on working with basic HTML documents. Now this document here, you see in this example is similar to some that I've shown you, so far in this course. But on W3 schools, they have an interesting feature. W3 schools is not the only place to find this feature, but It's one of the best. We can click the, Try It. And again, back here, I get this by Try it Yourself, and it opens up this editor. It shows me what code, and it shows me what the code looks like in a browser. So for instance, if I change this from paragraph to paragraph. And I've now given it and exclamation point rather than a period. And here we see the period and I see, see result. Notice, now it is changed. So I can modify the code on the left, and see the result in the right. Now of course, you can do the same thing. In your text editor but this gives you a sort of interactive ability to change and see. And if you get cut that you like, you can take it from this via copy and paste. I've selected it. I right click it and I can say, copy and I can take it into a text editor and modify it. Anyway I like. So this is one way to go about getting practice. Here, we see many other aspects of HTML that we can practice with in the same way. To give us more options in our own development. But these aren't the only aspects we can use for our practice. So here, we see a chapter based HTML5 tutorial and you may occasionally see HTML's different versions like 4, 5 or even 3 on some occasions. For the most part, these are much more similar than different, but HTML5 is the newest one with the most advanced features and text. Most of the things you will see in HTML3 and 4 still work fine in 5. So, here we have an example of an HTML form again on w3schools. And this tag is the tag we haven't studied, but we can review it a bit now, it's called a select tag, and this particular one has a name which is an attribute like an age ref of cars, and then options, and you may notice that these are types of cars, Volvo, Saab, Fiat and Audi. If we tried this ourself, we'll see that for the same code that we saw before on the left, we get a drop down and as a user we can select it. And this is part of building forms, where users can make interactive selections. So what if we were on a site. We'll close this window. Like say, Amazon.com. And we saw a similar feature. Here we are with all and maybe we don't want to use all. We want to choose some sub group. And we think this is a really nice feature, how did Amazon do it? So we can do something called, view source. Now to accomplish them, right click the page and I've gone down to view page source. And when I do that, notice what I see here is all the code. And no doubt, there's a lot of it. When you're on a large professional site and you do a view source, you're going to see a lot of information, not all of which you're familiar with. But if we keep scrolling down, now we begin to see HTML. And some of this is similar to HTML. That you've seen in the past, so here on the same view source I've located a select and this is like the select we saw here on w3schools. So here, we have a select and we have a variety of options, and well. You will find a site like Amazon often has code that's more complicated than the code you're immediately familiar with. You can see how they've done this. They've used a select and they've filled in these various items. All departments, Amazon video, appliances, absent games, etc. And if we go back to the original page we see all departments, Amazon video, appliances, apps and games, and etc. So, this gives us some insight into how Amazon accomplished that and we can use this to teach ourselves. How to take our next steps. Now, very often when we do this, there are positive steps and some misses. So, we may try some code like this. Initially, it doesn't work. But if we're determined and we keep at it, looking up some of our problems on various websites, asking friends. If you're taking this course right now, you can also, of course, post in the course forums and get help from other students who may have encountered your same problems. But all of these give us insights in how to practice HTML. And one of the things I would strongly recommend to you is that, you pick a few of a new HTML tags you'd like to work with and try to learn a lot about that, you can do that with W3Schools or many other sites. And notice here, we've got lots of HTML elements that you can study and practice with. And when you do, that try to corporate as you study them into your work. Okay, that's all for this time.
