objectives what is html what tools are needed creating a web drive on campus (done only once) ...
Post on 29-Dec-2015
213 Views
Preview:
TRANSCRIPT
OBJECTIVES
What is HTML What tools are needed Creating a Web drive on campus (done only once) HTML file layout Some HTML tags Creating and saving an HTML file Updating an HTML file Transferring file to Web drive
HTML
Hyper Text Markup Language Tags surrounding text that let the browser know how to display the text
Tools: Editor Browser Internet connection
Create a web drive “W” on campus Steps
Store files there studentXwww.fullcoll.edu/xxxxxxxx
where X is the last digit of your student id default filename is index.htm
HTML LAYOUT TAGS
<html><head>
<title>student name student id</title>
</head><body>
</body></html>
This tells the browser that it is an html document
This has document information
This displays on the title bar
This is where the content goes
HTML TAG SYNTAX
Tag syntax
<tag attribute=“value”>
Text goes here
</endtag>
HTML TAGS
<html><head><title>student name student id</title></head><body><h1 align="center">My Page</h1><h2>My Page</h2><h3>My Page</h3><h4>My Page</h4><h5>My Page</h5><h6>My Page</h6></body></html>
HTML TAGS
<html><head><title>student name student id</title></head><body><h1 align="center">My Page</h1><hr color="red" width="50%">Some Information</p><hr color="red" ></body></html>
HTML TAGS
<html><head><title>student name student id</title></head><body bgcolor=“gold” text=“brown”><h1 align="center">My Page</h1><hr color="red" width="50%"><p>Some information about youSome more information about youAnd yet some more information about you</p>This is one of my <a href="http://www.fullcoll.edu">favorite</a> sites.<hr color="red" ></body></html>
HTML TAGS
<head><title>student name student id</title></head><body bgcolor=“gold” text=“brown”><h1 align="center">My Page</h1><hr color="red" width="50%"><p>Some information about youSome more information about youAnd yet some more information about you</p>This is one of my <a href="http://www.fullcoll.edu">favorite</a> sites.<hr color="red" ><p align="center">xxxxxxxx@fullcoll.edu</p><a href=“mailto:nspencer@fullcoll.edu”>Contact Instructor</a></body></html>
HTML TAGS
<html><head><title>student name student id</title></head><body bgcolor=“gold” text=“brown”><h1 align="center">My Page</h1><hr color="red" width="50%"><p>Some information about youSome more information about youAnd yet some more information about you</p>This is one of my <a href="http://www.fullcoll.edu">favorite</a> sites.<hr color="red" ><p align="center"><i>xxxxxxxx@fullcoll.edu</i></p></body></html>
Extra Credit Assignment
Create a Web page that displays the following items in the order listed:
1. “Your name Web Page” using the <h1> tag and center it.
2. A horizontal line (hr tag)
3. Some content using the <h3> tagexamples: Hobbies, School goals, Favorite movies or books
4. Add your favorite site as a link
5. A horizontal line (hr tag)
6. Include your email address next, italicize it and center it.
7. Set the page background color to some color other than white
Extra Credit
Save this file as index.htm on your “W” drive
Send the URL to nspencer@fullcoll.edu
10 extra points
Due Thursday, May 11th
top related