
Chapter 12
Creating HTML Files
Saving Documents as HTML Files
Copyright
 !
!" #$%&!'!
()$$"""  $!$! !*+,-!+,
.()$$, $!$$/ $*+,/ !
.!!0"!!"
Contributors
0Getting Started with OpenOffice.org 3.3
To this edition
!,1!! ,2 "
To previous editions
.2!3 '1!!420 5
'6 71!!8 8
'! 9:!7 !,1!!
Feedback
'!;
!!)<!! ! 
Note
=,!!+!!
!"+!!,
!
Publication date and software version
'!: 2> 
Note for macOS users
008"? 
!!", :
!!+!1!
Windows or Linux MacOS equivalent Effect
Tools > Options
!
LibreOffice > Preferences .
Right-click !@!0$4!0

?
Ctrl(Control* (⌘ Command* &"0
F5 Shift@ @⌘ F5 %,
F11 @⌘ T !0
Documentation for LibreOffice is available at https://documentation.libreoffice.org/en/english-documentation/
Contents
Copyright..............................................................................................................................2


,
:0
'!",
%
Introduction..........................................................................................................................4
Relative and absolute hyperlinks.......................................................................................4
Creating hyperlinks..............................................................................................................5
&%, A
&1!0! >
=!0 B
9,!0 B
Saving and exporting documents as HTML files..............................................................8
8
,81C!
=?!"
," D
! 
5 
" /
Creating, editing, and saving HTML files using Writer/Web..........................................14
8$8! /
1C A
Checking a web page in a browser..................................................................................15
Chapter 12 Creating HTML Files | 3
Introduction
1C!0!,?1C
"!!"8+!+5+")
• !0"+!"+':+
!
• ++,1C8$8
8!!,1C!+
!!")
• 51C+!0,(!0!*+4
,!0
• .E,! 1",+E
!(?!+"*+,
1CF+
Relative and absolute hyperlinks
1!0"!!,!
.!,!0+Here is how to get there starting from where you are now(
!",*"!!!0+Here is how
to get there no matter where you start from
.!!0"!!"0, .!,!0"!!"0
!!, :+,"
!!0,!"!+!
!0"!!0!,"!!
"!0!+!Tools > Options >
Load/Save > General"&9,!,!"File
System+Internet+
!"!!!"!!!0 !","
,,!,!0 G!;"!!,!
Note
1C:!!0!,!"!!!"
,H!!",
"+!0"!!"!
Tip
8!0+!!!
+!!! !
!","!1C?
(,1C!*+!1C!?+
"?
4 | Relative and absolute hyperlinks
Creating hyperlinks
8?("&9*!0+
Enter0+!!!0
!?(!!!!* 5+
!Tools > AutoCorrect Options > Options
!URL Recognition
5",&9!0+Edit > Undo Insert
+Ctrl+Z!!+!
!0+4!0+!Remove Hyperlink?
Tip
!!0+Tools > Options > LibreOffice > Application
colors+!!Unvisited links$Visited links+0"!!0OK
)"!!!!!!0!!F
""
58!("5*+!Internet link
!!"!!!0
Using the Navigator
#!0%,"!0

* "4
* !0%,F5
-* !0!Drag Mode!Insert as Hyperlink
(:I* C"
,!! !C"1!0
Figure 1: Inserting hyperlink using the Navigator
/* !4"!%,
"!0
Using the Navigator | 5
A* 5%,!+!"!0
>* ""!0 
,!0
8%,!0E+
,!0"!+?!2009 Sales Graph.#,
E!!,!+?!>+
"!!,!!01!0!+!"
#!%,!0(*
!(* %,
""!0
Using the Hyperlink dialog
#1!0!!0!!!0
* 1!??"!0
* !0Hyperlink !Insert > Hyperlink
1!0!(:*
-* !+!!0)
– Internet)!0"+!!")$$
– Mail)!0!4!

– Document)!0!

– New document)!0"
/* 1!0!!0! =!!
!!0
A* !0ApplyOK!0 5Apply!0
1!0!!!"!0
>* !0Close!1!0!
Figure 2: Hyperlink dialog showing details for Internet links
!!0!! .!!
!! 1

6 | Creating hyperlinks
• :Internet!0+!0(8:'*+
H"(&9*
• :Mail !0+,E
• :Document!0+(!0Open File!
"*!,!0"!0 !!
(?!!* !0Target in
Document!"!
F+0"+?
• :New Document!0+""!
!(Edit now*E(Edit later* =!!
(?++* !0Select Path
!""!
Further settings!!!!0
+!!,!0
• Frame,!"!0"!! !
8"
• Form!0? Writer Guide
Chapter 15 Using Forms in Writer
• Text?"!!,! 5+
!!&9!0? %!0!,
,!+?"!!+"!!
• Name!!1C 5?"!!NAME
1C!0
• Events)!0.C!!"
!0!0 Chapter 13 Getting Started with Macros
Editing hyperlinks
?!0)
* !0"!0?
* !0Hyperlink !+Edit > Hyperlink
+4!0!Edit Hyperlink? 1!0!

-* C0!0Apply, 1!0!
+!!"!0 !0Apply!0
/* 8!0+!0Close
(!*,,!0"Ctrl+click 
,Tools > Options > LibreOffice > Security > Options!
Ctrl-click required to follow hyperlinks 5!0!0,+0
!
Removing hyperlinks
#,!0!0?!,E?4!0!0
!Remove Hyperlink? #4!
?"
!0?!!+!Backspace
Delete0
Removing hyperlinks | 7
Saving and exporting documents as HTML files
"1C"? 
#""!!"View > Web 1",+"
!,""""!!"!!,!1C 
9J9!,!!0K/""

Writer documents
Saving a Writer document as an HTML file
,8!1C!+File > Save As
HTML Document (Writer)!
,1C!0 "!!
!1C!1C"
Tip
&!,1C!+
!,
E!?
!!!"!!3!
Table 1: Summary of the file types created when saving as HTML format
File Contents
C! ! ?+!+?++
!
C!L!LMN  ,!=E
C!L!LMN +
E+
5?'%+2C'+7'=
0!
Note
1C?!1C/ !
 ?,"!!
1C+?! ?!!
",!"1C
,1CH"0!1CE!"
 J++,1C!8$8K/
Exporting a single web page
."1C!File > ExportXHTML! 
"!!O1C!? !
O1C! O1C!??,
!!E
8 | Saving and exporting documents as HTML files
Notes
8!!!!"1C
40 5",?1C!"
+40 +
Ctrl+SpacebarESpacebar
?O1C 5+!
!! !!!
!!"!!
? &!!"!
E!O1C
 !"+++=E! 
=EO1C+,!
!E"
!?!!"
?1CO1C
Saving as a series of web pages
8,!"(1C!*"!

* "!"0!!
,!(?!+1*
*  File > Send > Create HTML Document%
'1C!(:-*
Figure 3: Creating a series of web pages from one document
-* !,
/* "!"separated by4"!
!(?!+1*
A* !0Save!41C !1C!
1C/!
Writer documents | 9
Calc spreadsheets
!,!1CFile > Save As!
HTML Document (Calc)!
5!+!"!!!!"1C
! 0"!!!
!!!!"!0!1!0! 
J!0KA!0
Impress presentations
Note
,1C!
5,1C+,?1C
 %!0Create!!" 1C!
"!!!,"
* File > Export!!"
,",
* !HTML document (Impress)!!0Save1C
=?!(:/*
Figure 4: HTML Export dialog - Assign design page
-* Assign design +"!!
? New designExisting design!0Next >> 5,
,!,"+Existing Design,!! 
– New designP"?83
– Existing designP!?!
!!" !?!!!?
– Delete Selected Design!!! 5!
+"!!!! .?!"!!!

/* Publication type"(:/*+!0Next>>
!? )
– Standard HTML formatP1C?
10 | Saving and exporting documents as HTML files
– Standard HTML with framesP1C" ?
"!!!!"!!!!
!0
– AutomaticP!1C00?"!
!!,
– WebCastP8?+"!!"'!.'
 !0(?!+0!
!"5*!""

:,!!1C=?!+!0
Help!
Figure 5: HTML Export dialog – Publication type page
A* Save graphics as+Monitor resolution+Effects"
(:>*+!0Next>> 1C=?!
!!")
– Save graphics asP #!
,!?
– Monitor resolutionP! 
!!+"!!!3 #
Q!3 8!!+
"E," 5!+
,""4!"!!,!!"
!+"!!
– EffectsP"!!
?"!?
:,!!1C=?!+!0
Help!
Impress presentations | 11
Figure 6: HTML Export dialog – graphics and monitor resolution
>* Information for the title page"",
(:B* !!!;+4!
+!"!"! 
,!!,!!
.8!
Figure 7: HTML Export dialog – title page information
B* !Link to a copy of the original presentation"!0
"!!!0Next>>.
* Select button style",!!(:*
!0Next>>.
5!!+"!!?,
,!!,!.8!

12 | Saving and exporting documents as HTML files
Figure 8: HTML Export dialog – button style page
D* Select color scheme"(:D*!
!?0 ,!!,!
.8!
Figure 9: HTML Export dialog – color scheme page
* !0Create
* 5,""+
!0Save
Note
3+
1C?,!1C+7'+5:! 5
!!!!!", 5
!,0!+1C
!"!!!!!,0
Impress presentations | 13
Draw documents
",1C+,?1C 
=?""!?5 File >
Export!HTML Document (Draw)!+!!",
?5
Creating, editing, and saving HTML files using Writer/Web
8++,!1C!!
8$8
"1C!File > New > HTML Document
Figure 10: Web display mode for Writer/Web
Writer/Web display modes
5%!8!(:*+8$8
!!1C(:* 81C+
!1C<p>+<ul>+<table>+"! 
50"1C0!
#!!1C8!+"!!
!" &1C"0

Note
21C0!"!?
:+8$8,!!
1C!,"
,!! :?!+1C
14 | Creating, editing, and saving HTML files using Writer/Web
Figure 11: HTML Source view mode
Creating and editing an HTML document
1C+File > New > HTML Document 8$8!0
"! #"
?++!+E &!!8$8!
! 8,+,"1C!
51C!+1C
!0HTML Source!View > HTML Source
 5+8$84!0?(:*
Note
1C08$8!
!!"" 5
"?!!(*+?!7,+
! &1C!!!0
?!
Checking a web page in a browser
50"(1C*""C3!!
:?+!+C=+ %!!"1C!
"+!+0,!"
0!""!+
File > Preview in Web Browser #!""1C
!
Checking a web page in a browser | 15