The following charts are for copying and displaying.

chawyang - Davel

Le téléchargement nécessite un accès à la bibliothèque YouScribe
Tout savoir sur nos offres

50 pages

English

Le téléchargement nécessite un accès à la bibliothèque YouScribe
Tout savoir sur nos offres

A propos
Informations
Extrait

Description

expression écrite - matière potentielle : behaviour

66 Ha ndwriting JOUIF4PVUIVTUSBMJBO$VSSJDVMVN £ Ó £ Ó The following charts are for copying and displaying. Appendix 2a Graphological approach Appendix 2b Capital letters Appendix 2c Foundation script letters and numerals Appendix 2d Letters with links Appendix 2e Larger letters for laminating Appendix 2f Appropriate sitting position Charts

international handwriting trends
copperplate
following charts
print script
let ters with links
upright shapes
cursive forms
styles
capital letters
schools

Sujets

Behaviour

Glasgow

Royaume-Uni

Cursive

Letter

Script

Hit-parade

Shapes

Style

Copperplate

School

Informations

Publié par	chawyang
Nombre de lectures	34
Langue	English

Extrait

XHTML and CSS Computing

Services

© Computing Services
Queen Mary
University of London
David Goddard
Permission to use material in
Computing Services this document for any
purpose other than personal Queen Mary, University of London
use should be obtained from
d.lexton@qmul.ac.uk
Updated: 1 Mar 2005

1. XHTML essentials................................................................................... 6
1.1. Copying the exercises files to My Documents................................... 6
1.2. Labelling an XHTML element............................................................ 6
1.3. Correcting some HTML examples..................................................... 6
1.4. White space in XHTML documents................................................... 7
2. A complete XHTML document............................................................... 8
2.1. DOCTYPEs....................................................................................... 8
2.2. Use Notepad to create a template XHTML document....................... 8
2.3. Previewing the document in Firefox .................................................. 9
2.4. Validating your document.................................................................. 9
2.5. Marking your template document as read-only ............................... 10
2.6. Comparing HTML 4 and XHTML..................................................... 10
2.7. Using tools to automate the conversion process............................. 10
3. Writing structural XHTML - 1............................................................... 12
3.1. Categorising elements as block-level or inline ................................ 12
3.2. Identifying mistakes in HTML .......................................................... 12
3.3. Using the HTML elements in a document ....................................... 13
3.4. Visiting the HTML specification ....................................................... 14
4. Writing structural HTML - 2 ................................................................. 15
4.1. Lists................................................................................................. 15
4.2. Tables ............................................................................................. 16
5. Using CSS in XHTML documents 18
5.1. Writing and linking to your first CSS style sheet.............................. 18
5.2. Linking to a print style sheet............................................................ 19
5.3. Embedding styles in the <head> element ....................................... 19
5.4. Embedding styles inside individual HTML elements ....................... 19
6. Selectors ............................................................................................... 21
6.1. Copying the exercises files to My Documents................................. 21
6.2. Which elements do these selectors apply to? 21
6.3. Which rule wins? ............................................................................. 23
7. Box model............................................................................................. 25
7.1. Label a box...................................................................................... 25
7.2. Adding margins using CSS ............................................................. 25
7.3. Adding borders using CSS.............................................................. 26
7.4. Adding padding using CSS 27
XHTML and CSS 3
Computing Services, Queen Mary, University of London 7.5. Adding borders to an inline element................................................ 27
8. Text and fonts....................................................................................... 28
8.1. Setting the font-family ..................................................................... 28
8.2. Font size.......................................................................................... 29
8.3. Text appearance ............................................................................. 30
8.4. Link styling ...................................................................................... 31
9. Backgrounds ........................................................................................ 33
9.1. Background colours and images..................................................... 33
9.2. Adding corners................................................................................ 34
10. Positioning 36
10.1. Resizing elements ....................................................................... 36
10.2. Relative positioning ..................................................................... 37
10.3. Absolute positioning .................................................................... 37
10.4. Fixed positioning.......................................................................... 39
10.5. Three columns with absolute positioning..................................... 40
10.6. Box width problem 41
11. Resources for XHTML and CSS course.......................................... 43
11.1. Further study ............................................................................... 43
11.2. Books........................................................................................... 43
11.3. Firefox.......................................................................................... 43
11.4. Specification, validation and tools................................................ 44
11.5. Accessibility................................................................................. 44
11.6. Online guides, tutorials, advice.................................................... 44
12. Appendix 45
12.1. Getting Firefox and some useful extensions................................ 45
12.2. Rules for writing XHTML.............................................................. 45
13. Answers............................................................................................. 47
13.1. Answers to 1.2 Labelling an XHTML element.............................. 47
13.2. Answ3 Correcting some HTML examples....................... 47
13.3. Answers to 1.4 White space in XHTML documents..................... 47
13.4. Answers to 3.1 Categorising elements as block-level or inline .... 47
13.5. Answ2 Identifying mistakes in HTML.............................. 47
13.6. Answers to 4.1 Lists .................................................................... 48
13.7. Answers to 5.4 Embedding styles inside individual HTML elements
48
XHTML and CSS 4
Computing Services, Queen Mary, University of London 13.8. Answers to 6.2 Which elements do these selectors apply to?..... 49
13.9. Answ3 Which rule wins?................................................. 49
13.10. Answers to 7.1 Label a box ......................................................... 50

XHTML and CSS 5
Computing Services, Queen Mary, University of London 1. XHTML essentials
In this section you will:
• Copy the exercise files to My Documents
• Label an HTML element
• Correct some HTML examples
• Investigate white space in HTML documents
1.1. Copying the exercises files to My Documents
In this exercise you will copy the files needed for exercises in this course to your My
Documents folder. You can also download a Zip file containing all the exercise for
this part of the course documents from:
http://www.css.qmul.ac.uk/training/manuals/CourseFiles/XHTML1.zip
1. On the Windows desktop, open the Shortcut to STU (H) folder
2. Click on the XHTML1 folder and choose Edit > Copy (Ctrl + C)
3. On the WiMy Documents folder
4. Paste the XHTML1 folder into My Documents by choosing Edit > Paste (Ctrl + V)
During this course please keep all the documents and files you create or edit inside
this XHTML1 folder in My Documents
1.2. Labelling an XHTML element
Label the following diagram, using the following words:
end tag, contents, start tag, h1 element, attribute

<h1 class=”toc”>Forest elephants</h1>

See page 47 to check your answers.
1.3. Correcting some HTML examples
Correct the mistakes in these HTML examples so that they obey all the rules of
XHTML. Remember:
• Every start tag requires a corresponding end tag
• Empty tags need a slash (/) in them
XHTML and CSS 6
Computing Services, Queen Mary, University of London • All tags and attribute names are in lower case
• All attributes must be quoted
• Replace special characters:
o < with <
o > with >
o & with &
o " with "
1. In this section we'll discuss some points.
Furthermore, we must note many other things.
....................................................................................................................................
.......
2. Here is a point with emphasis
.......
3. The good The bad And the ugly
.......
4. Shakespeare's "Romeo & Juliet"
.