adding a stylesheet. create a new file log into uhunix.hawaii.edu at the % prompt type: cd...
TRANSCRIPT
Adding a Stylesheet
Create a New File• Log into uhunix.hawaii.edu
• At the % prompt type:
cd public_html• Make a copy of your test file:
cp test_file.html test_file2.html• Open your new file for public viewing:
chmod 755 test_file2.html• Open your new file for editing:
pico test_file2.html
Add a Few Line Spaces<html>
<HEAD><TITLE>donna's LIS 670 test file page</TITLE>
</HEAD>
<BODY>Aloha, world! This is the test file of [your name].
</BODY>
</html>
Start Your Style Sheet<html>
<HEAD><TITLE>donna's LIS 670 test file page</TITLE>
</HEAD>
<BODY>Aloha, world! This is the test file of [your name].
</BODY>
</html>
<style type=“text/css”>
</style>
Add a Declaration<html>
<HEAD><TITLE>donna's LIS 670 test file page</TITLE>
</HEAD>
<BODY>Aloha, world! This is the test file of [your name].
</BODY>
</html>
<style type=“text/css”>
</style>
body { background-color : #FFDDFF ; }
Use
Ctrl + o
to save your changes
Adding div Tags<html>
<HEAD><TITLE>donna's LIS 670 test file page</TITLE>
<style type=“text/css”>body { background-color : #FFDDFF ; }</style>
</HEAD>
<BODY>
Aloha, world! This is the test file of [your name].
</BODY>
</html>
</div>
<div>
Use
Ctrl + o
to save your changes
Formatting a Division<html>
<HEAD><TITLE>donna's LIS 670 test file page</TITLE>
<style type=“text/css”>body { background-color : #FFDDFF ; }
</style>
</HEAD>
<BODY><div>Aloha, world! This is the test file of [your name]. </div>
</BODY>
</html>
div { background-color : DDFFFF ; }
Use
Ctrl + o
to save your changes
Formatting a Division<html>
<HEAD><TITLE>donna's LIS 670 test file page</TITLE>
<style type=“text/css”>body { background-color : #FFDDFF ; }div { background-color : DDFFFF ;
}</style>
</HEAD>
<BODY><div>Aloha, world! This is the test file of [your name]. </div>
</BODY>
</html>
margin : 10em ;
Use
Ctrl + o
to save your changes
Formatting a Division<html>
<HEAD><TITLE>donna's LIS 670 test file page</TITLE>
<style type=“text/css”>body { background-color : #FFDDFF ; }div { background-color : DDFFFF ; margin : 10em ;
}</style>
</HEAD>
<BODY><div>Aloha, world! This is the test file of [your name]. </div>
</BODY>
</html>
padding : 20px ;
Use
Ctrl + o
to save your changes
Formatting a Division<html>
<HEAD><TITLE>donna's LIS 670 test file page</TITLE>
<style type=“text/css”>body { background-color : #FFDDFF ; }div { background-color : DDFFFF ; margin : 10em ;padding : 20px ;
}</style>
</HEAD>
<BODY><div>Aloha, world! This is the test file of [your name]. </div>
</BODY>
</html>
border : solid #005500 ;
Use
Ctrl + o
to save your changes
Adding a Link<html>
<HEAD><TITLE>donna's LIS 670 test file page</TITLE>
<style type=“text/css”>body { background-color : #FFDDFF ; }div { background-color : DDFFFF ; margin : 10em ;padding : 20px ;border : solid #005500 ;}</style>
</HEAD>
<BODY><div>Aloha, world! This is the test file of [your name]. </div>
</BODY>
</html>
<a href="test_file.html">Visit my original test file.</a>Use
Ctrl + o
to save your changes