![]() If you take a look in the tag in your HTML file, you will find a line of code ( ). It's empty for now, but we will fill it eventually through the workshop! The code written here will be responsible for the functioning of our wheel. This is the script.js file in your directory. This means that your HTML file is properly linked to your CSS file! 3) The JavaScript file Whatever styles we give to our website is written in this file. This is the style.css file in your directory. Make sure to remove line 5 ( ) which may cause some weird responsiveness issues for our workshop. Make sure that all the code you write is included between the opening and closing tags. Then we have tag which contains the main visible part of our web page. Next, we have the tag which specifies the title of our webpage that will be shown on the tab bar. Here in the first line, we have which is used for specifying the version of HTML the document is using. ![]() Now let’s take a look at those and try to understand it individually. Here on the left side in the files section, you can see 3 files that are: ^ Right now your page will look like this. You will directly land on the page where we can write our code. You can get started with it by going to /languages/html. In this workshop, we'll be using, a free, online code editor. Part 2: Setup Setting up our code environment Basic knowledge of HTML, CSS and JavaScript would be helpful but is not necessary to continue further. ![]() ^^^ If you will follow this workshop strictly then you will make something like the above picture, but feel free to add up your imaginations with patterns and colors and you will end up with something better than this. In this workshop, you're going to make a colorful spinning wheel with your own custom content, in 20 minutes!
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |