|
Web Design  This website demonstrates using wikis as teaching and learning tool. The course instructor is happy to share the teaching materials here with those who find it readable. |
Tutorial /
HTML5 and CSS3Summary: In this tutorial, you will do some exercises to explore the features of HTML5 and CSS3  Activity One
(Q01) Does your browser support HTML5? If not, how do you make it support HTML5?
(Q02) The are some new HTML tags used in the tutorail. Describe four of them.
(Q03) What is the element-specific attribute of the Time tag?
(Q04) What do you think the difference between the following two input fields in a HTML form?
<label for="email">E-mail</label> <input name="email" id="email" type="text" required />
<label for="email">E-mail</label> <input name="email" id="email" type="email" required />
(Q05) What is the function of new property background-size?
(Q06) What is the function of new property border-radius?
(Q07) Does your browser support the above two new properties in CSS3?
Activity Two
(Q08) What do we mean by graceful degradation in Web design?
(Q09) Explain the purpose of the following HTML code.
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
(Q10) What is the semantic meaning of the <nav> element in HTML5?
(Q10) What is the semantic meaning of the <aside> element in HTML5?
(Q11) Explain the following CSS3 property.
text-shadow: 1px 1px 1px #333; (Q12) Where the following CSS3 property will be applied?
p:last-child {margin-bottom: 0;}
(Q13) Where the following CSS3 property will be applied?
.social a[href*='delicious.com'] {
background-image: url('../images/icons/delicious.png');
}
Submission
|