Kaik­ki sivus­tot tarvit­se­vat tyyl­i­tiedos­ton, ihan kuten esim. Wordis­sä käytetään tyyle­jä mikä ko. tek­stinkäsit­te­ly­ohjel­maa vaan osaa käyttää.

 

Text

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraphs

A para­graph (from the Greek para­graphos, “to write beside” or “writ­ten beside”) is a self-con­tained unit of a dis­course in writ­ing deal­ing with a par­tic­u­lar point or idea. A para­graph con­sists of one or more sen­tences. Though not required by the syn­tax of any lan­guage, para­graphs are usu­al­ly an expect­ed part of for­mal writ­ing, used to orga­nize longer prose.

Blockquotes

A block quo­ta­tion (also known as a long quo­ta­tion or extract) is a quo­ta­tion in a writ­ten doc­u­ment, that is set off from the main text as a para­graph, or block of text.

It is typ­i­cal­ly dis­tin­guished visu­al­ly using inden­ta­tion and a dif­fer­ent type­face or small­er size quo­ta­tion. It may or may not include a cita­tion, usu­al­ly placed at the bottom.

Said no one, ever.

Lists

Definition list

Def­i­n­i­tion List Title
This is a def­i­n­i­tion list division.

Ordered List

  1. List Item 1
  2. List Item 2
  3. List Item 3

Unordered List

  • List Item 1
  • List Item 2
  • List Item 3

Tabular data

Table Cap­tion
Table Head­ing 1 Table Head­ing 2 Table Head­ing 3 Table Head­ing 4 Table Head­ing 5
Table Foot­er 1 Table Foot­er 2 Table Foot­er 3 Table Foot­er 4 Table Foot­er 5
Table Cell 1 Table Cell 2 Table Cell 3 Table Cell 4 Table Cell 5
Table Cell 1 Table Cell 2 Table Cell 3 Table Cell 4 Table Cell 5
Table Cell 1 Table Cell 2 Table Cell 3 Table Cell 4 Table Cell 5
Table Cell 1 Table Cell 2 Table Cell 3 Table Cell 4 Table Cell 5

Code

Key­board input: Cmd

Inline code: <div>code</div>

Sam­ple out­put: This is sample output from a computer program.

Pre-formatted text

P R E F O R M A T T E D T E X T
  ! " # $ % & ' ( ) * + , - . /
  0 1 2 3 4 5 6 7 8 9 : ; < = > ?
  @ A B C D E F G H I J K L M N O
  P Q R S T U V W X Y Z [ \ ] ^ _
  ` a b c d e f g h i j k l m n o
  p q r s t u v w x y z { | } ~

Inline elements

This is a text link.

Strong is used to indi­cate strong importance.

This text has added emphasis.

The b ele­ment is styl­is­ti­cal­ly dif­fer­ent text from nor­mal text, with­out any spe­cial importance.

The i ele­ment is text that is off­set from the nor­mal text.

The u ele­ment is text with an unar­tic­u­lat­ed, though explic­it­ly ren­dered, non-tex­tu­al annotation.

This text is delet­ed and This text is insert­ed.

This text has a strikethrough.

Super­script®.

Sub­script for things like H2O.

This small text is small for for fine print, etc.

Abbre­vi­a­tion: HTML

This text is a short inline quotation.

This is a citation.

The dfn ele­ment indi­cates a definition.

The mark ele­ment indi­cates a highlight.

The variable element, such as x = y.

The time ele­ment:

HTML Comments

There is com­ment here: 

There is a com­ment span­ning mul­ti­ple tags and lines below here.

Embedded content

Images

No <figure> element

Image alt text

Wrapped in a <figure> element, no <figcaption>

Image alt text

Wrapped in a <figure> element, with a <figcaption>

Image alt text
Here is a cap­tion for this image.

Meter

2 out of 10

Progress

progress

Form elements

Input fields










[Top]

Select menus

[Top]

Check­box­es

[Top]

Radio but­tons

[Top]

Textar­eas


[Top]

HTML5 inputs









[Top]

Action but­tons

[Top]

 

kesäkuu 2021

12kes19:0021:00Tanska - SuomiB-lohko

12kes22:00Belgia - VenäjäB-lohko

16kes16:0018:00Venäjä - SuomiB-lohko

17kes19:0021:00Tanska - BelgiaB-lohko

21kes22:0023:45Belgia - SuomiB-lohko

21kes22:0023:50Venäjä - TanskaB-lohko

X