ARC603  Drawing II, Digital

Lecture: Web Page HTML Coding

left-arrow.gif (166 bytes)Return to course home page.

blackdot.gif (799 bytes)
Sources:
Syracuse University Computing information on web page creation and design
National Center for Supercomputer Applications information on HTML coding
URL
Uniform Resource Locator, is the address of a file (resource) accessible on the Internet. The type of resource depends on the Internet application protocol. Using the World Wide Web's protocol, the Hypertext Transfer Protocol (HTTP) , the resource can be an HTML page (like the one you're reading), an image file, a program such as a common gateway interface application or Java applet, or any other file supported by HTTP. The URL contains the name of the protocol required to access the resource, a domain name that identifies a specific computer on the Internet, and a hierarchical description of a file location on the computer.
http
hyper text transfer protocol

is the set of rules for exchanging files (text, graphic images, sound, video, and other multimedia files) on the World Wide Web. Relative to the TCP/IP suite of protocols (which are the basis for information exchange on the Internet), HTTP is an application protocol.

Essential concepts that are part of HTTP include (as its name implies) the idea that files can contain references to other files whose selection will elicit additional transfer requests. Any Web server machine contains, in addition to the HTML and other files it can serve, an HTTP daemon, a program that is designed to wait for HTTP requests and handle them when they arrive. Your Web browser is an HTTP client, sending requests to server machines. When the browser user enters file requests by either "opening" a Web file (typing in a Uniform Resource Locator) or clicking on a hypertext link, the browser builds an HTTP request and sends it to the Internet Protocol address indicated by the URL. The HTTP daemon in the destination server machine receives the request and, after any necessary processing, the requested file is returned.

html
hyper text markup language is the set of markup symbols or codes inserted in a file intended for display on a World Wide Web browser page. The markup tells the Web browser how to display a Web page's words and images for the user. Each individual markup code is referred to as an element (but many people also refer to it as a tag). Some elements come in pairs that indicate when some display effect is to begin and when it is to end.
Definitions from Whatis.com
html code: translates to:

<html>

<head>

<title> text  </title>

</head>

<body>

text

</body>

</html>

Declares the beginning of an html document

Declares the beginning of the header

Text of the title which is displayed at the very top of the page in the header.

Declares the end of the header

Declares the beginning of the body

Text and/or images of the body

Declares the end of the body

Declares the end of the html document.

More html codes: translates to:

<b> text  </b>

make text bold
<i> text </i> make text italic
<u> text </u> make text underlined
<p> new paragraph </p> declares a new paragraph (inserts a blank line)(does not actually require a closing tag)
<p align=center> new paragraph centered </p> centers the paragraph horizontally on the page
<br> line break </br> starts a new line (does not actually require a closing tag)
<font> text  </font> declare font type
<font face="Arial" size="2"> text </font> declares the font type to be arial and the font size to be 2
<img src="full path name to image file" alt="alternate image or text" (size of image) width="pixel width" height="pixel height" inserts an image file
<img src="../images/animationimages/view%20empty.gif" alt="view empty dialog box (1385 bytes)" WIDTH="194" HEIGHT="87"> example of an image insertion (does not require a closing tag).
<a href="link to another web page">text</a> hyper link, link to another web page
<a href="http://soa.syr.edu/soa.core.html">
Syracuse University School of Architecture</a>
example of a hyperlink
lists. HTML supports numbered, unnumbered and definition lists. List may be nested inside of lists.
<ul>

<li> list item </li>

<li> list item </li>

</ul>

start of unnumbered list

item on the list

another item on the list

end of list

<ol>

<li> list item </li>

<li> list item </li>

</ol>

start of ordered (numbered) list

item onthe list

antoher item on the list

end of list

<dl>

<dt> definition term </dt>

<dd> definition </dd>

<dt> definition term </dt>

<dd> definition </dd>

</dl>

start of definition list

term to be defined

definition

another term to be defined

definition

end of definition list

blackdot.gif (799 bytes)
Link to Syracuse University home page http://soa.syr.edu/faculty/bcoleman/ARC603/lectures/603.lecture.web.html Send email to: webmaster@soa.syr.edu
Last update: November 06, 2002. Copyright © 2003 Bruce M. Coleman
No text, images or content on this page may be copied or linked to without the author's express written permission.