HTML & CSS revision resources for (I)GCSE ICT
To revise at home, may use the following resources to study, revise and prepare for our course's examinations and practicals.Reference:
- https://www.w3schools.com/
- http://www.tutorialspoint.com/
- https://validator.w3.org/#validate_by_input HTML validator (checks and shows errors)
- https://jigsaw.w3.org/css-validator/#validate_by_input CSS validator
- https://youtu.be/bupWPZdXqIA <= excellent video tutorials about HTML & CSS (not IGCSE ICT-specific, detailed and thorough); you may want to skip to video number 6 (CSS basics) if you find the pacing on the slow side at the beginning
- https://youtu.be/6mZsGqMHV9E <= IGCSE ICT web authoring taks of the specimen paper 3; author has video tutorials about other practical tasks as well, check his channel
- Check the HTML examples from W3Schools and their HTML online exercises as well
- They also have CSS examples and CSS exercises
- https://www.w3resource.com/html-css-exercise/index.php online exercises to practice HTML & CSS, with answers
- https://quizlet.com/3874121/html-tags-flash-cards/
- https://quizlet.com/1661974/css-properties-flash-cards/
Minimum set of HTML tags and CSS selectors
This is a list of what you should know. It is a suggestion and may not be exhaustive; always check and compare against the examination topics and your current syllabus). For example, <!DOCTYPE> and <META> are not included, although you may be asked about them in exams and they are useful to know; I just do not consider them as essential as others.HTML
<html><head>
<body>
<!-- comment! -->
<title>
<style>
<h1 … h6>
<p>
<br />
<hr />
<img />
<a href="">
<a href="mailto: ...?subject= …">
<a name="anchor_name">
<a href="# anchor_name">
<b> <strong>
<i> <em>
<u>
<s> <strike>
<sub> <sup>
<ol> <ul>
<li>
<table> <caption> <thead> <tbody> <th> <tr> <td> (also remember colspan and rowspan)
CSS
Size in pixels (at least px and % )RGB hex notation #000000 ~ #FFFFFF
RGB (decimal notation) – rgb(0,0,0) ~ rgb(255, 255, 255)
width
height
background-color
background
background-repeat
background-image
background-position
color
text-indent
text-align
text-decoration
text-transform
letter-spacing
word-spacing
font
font-family
font-style
font-weight
font-stretch
font-size
font-size-adjust
margin
margin-top
margin-right
margin-bottom
margin-left
padding
padding-top
padding-right
padding-bottom
padding-left
border
border-top
border-bottom
border-right
border-left
border-color
border-top-color
border-right-color
border-bottom-color
border-left-color
border-style
border-top-style
border-right-style
border-bottom-style
border-left-style
border-width
border-top-width
border-right-width
border-bottom-width
border-left-width
table-layout
border-collapse
border-spacing
list-style
list-style-type
list-style-image
list-style-position
2 comments:
css html code examples
Float left in a relative positioned container
Book Now Online Igcse board tuition today with Ziyyara. Let's learn to igcse board syllabus
in your country with Expert turors.
Call Our Expert :- +91-9654271931
Post a Comment