slide 37
Copyright © 2005 W3C (MIT, ERCIM, Keio)
The basics
Separating content & presentation
Content ( XHTML)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>About the W3C I18n Activity</title>
<style type="text/css" src="mystyling.css" />
</head>
<body>
<h1>I18n Activity, W3C</h1>
<div class="international-text" xml:lang="zh-Hans"
lang="zh-Hans">国际化活动万维网联盟</h1>
<div class="description">
<p>The W3C Internationalization Activity has the goal of proposing
and coordinating any techniques, conventions, guidelines and
activities within the W3C and together with other organizations
that allow and make it easy to use W3C technology worldwide,
with different languages, scripts, and cultures.</p>
<p>The Activity comprises three Working Groups: Core, GEO
(Guidelines, Education & Outreach), and ITS (Internationalization
Tag Set). There is also an Internationalization Interest Group.</p>
</div>
</body>
</html>
Presentation (CSS)
body {
background: white;
color: black;
font-family: serif;
font-size: 1em;
}
h1 {
font-size: 240%;
}
div.international-text {
font-family: MingLiu, sans-serif, sans-serif;
font-size: 240%;
}
p {
margin-top: 1em;
}
Go to previous slide Go to next slide Go to the first slide Go to the slide index Go to the PDF version
Slide 37 of 76
To make the styling more interesting, you can use a CSS style sheet.
To the right is some CSS code that applies styling to the HTML.
"