Week2Tutorial.docx - University of Canberra Faculty of Science and Technology Web Design and Programming(7175 6691 Week 2 Tutorial HTML and HTML5 Tasks

Week2Tutorial.docx - University of Canberra Faculty of...

This preview shows page 1 - 4 out of 8 pages.

University of Canberra Faculty of Science and Technology Web Design and Programming (7175 & 6691) Week 2 Tutorial HTML and HTML5 Tasks Create a new HTML page using Visual Studio Community 2017. Use HTML and HTML5 in a web page to structure and present its content, to include multimedia and graphical content, and to enrich semantic content of the web page. Create a new HTML page using Visual Studio Community Open Visual Studio Community 2017 (or 2019) Select New > File Select General > HTML Page . Click Open button. A new HTML page has been created. Page 1 of 8
Image of page 1
Click on File > Save HTMLPage1.html As… Create a new folder in your drive and name it WDPTutorials . Enter HTML5.html to the File name text box to save this page. Now you can try using HTML elements on this page. The first group of HTML5 semantic elements A summary of semantic elements from HTML & HTML5 lecture in Week 1: <header> : causes the browser to format the text within the element as a heading. <nav> : provides users with navigation through the main elements of the web document or web application as a whole. <aside> : to place a list of favourite URLs so that the list could be placed off to the side, away from the main content but readily accessible. <hgroup> : commonly used under the <header> element, it is a semantic method that organizes headers and sub-headers. Example 1 : Place the following elements between <body> and </body> tags in the HTML5.html page < header > Page 2 of 8
Image of page 2
< hgroup > < h1 > Web Design and Programming </ h1 > </ hgroup > < nav > < a href =""> University of Canberra </ a > < a href =""> Google search </ a > < a href ="/"> Bing search </ a > </ nav > </ header > Right-click on the page and select View in Browser (Google Chrome) to view it.
Image of page 3
Image of page 4

You've reached the end of your free preview.

Want to read all 8 pages?

  • Three '17

What students are saying

  • Left Quote Icon

    As a current student on this bumpy collegiate pathway, I stumbled upon Course Hero, where I can find study resources for nearly all my courses, get online help from tutors 24/7, and even share my old projects, papers, and lecture notes with other students.

    Student Picture

    Kiran Temple University Fox School of Business ‘17, Course Hero Intern

  • Left Quote Icon

    I cannot even describe how much Course Hero helped me this summer. It’s truly become something I can always rely on and help me. In the end, I was not only able to survive summer classes, but I was able to thrive thanks to Course Hero.

    Student Picture

    Dana University of Pennsylvania ‘17, Course Hero Intern

  • Left Quote Icon

    The ability to access any university’s resources through Course Hero proved invaluable in my case. I was behind on Tulane coursework and actually used UCLA’s materials to help me move forward and get everything together on time.

    Student Picture

    Jill Tulane University ‘16, Course Hero Intern

Stuck? We have tutors online 24/7 who can help you get unstuck.
A+ icon
Ask Expert Tutors You can ask You can ask You can ask (will expire )
Answers in as fast as 15 minutes
A+ icon
Ask Expert Tutors