 |
| Photo credit: Oliver H, (1024) : random, uploaded via Flickr, Creative Commons License |
- From the Adobe Dreamweaver CS5 - Learn by Video DVD (Core Training in Web Communications):
- Section 1 - Basic HTML coding
- work through tutorials
- create plain page with basic HTML tags
- screencapture using JING
- enter blog post (minimum - 250 words) describing what you have learned and the process of creating HTML tags - be sure to include definitions.
1.1 URL Overview
URL is an acronym for Uniform Resource Locator. It is a character string used by a domain name server (DNS) to locate the internet protocol (IP) address of the resource you are looking for, such as a web page.
A URL is prefixed with a protocol, such as http:// (hypertext transfer protocol), or ftp:// (file transfer protocol). The protocol is used to determine the port on which to contact the destination server.
Apart from the prefix, a URL must contain at least a domain name and a suffix, separated by a period (dot). i.e.; cnn.com, nasa.gov.
The domain name may contain multiple sub-domains, also separated by a dot. i.e.; agentpollux.blogspot.com.
The URL can optionally specify a particular folder to navigate to on the destination server with the addition of a folder name to the URL. This is placed after the domain suffix, and separated by a slash (/). i.e.; agentpollux.blogspot.com/p.
Furthermore, a specific file (page) within a folder can be requested likewise. i.e.; agentpollux.blogspot.com/p/mikes-bio.html.
If the user does not specify a particular file within a folder, or even a specific folder, the server will direct the browser to a predefined default file, typically “index.html”.
1.2 HTML Introduction
HTML – Hypertext Markup Language. HTML is a series of “tags” that instructs your browser to display the contents of a file in a particular fashion.
Tags are enclosed within angled brackets <like this>.
Tags are usually used in pairs that switch a particular instruction on and off. The opening tag contains the instruction, and the closing tag contains the instruction preceded by a slash (/). The instruction applies to the text residing between the opening and closing tags. For example:
<sarcasm> Thanks a lot, buddy. </sarcasm>
Some HTML tags are not used in pairs, but are both opened and closed within a single bracketed tag containing the instruction, followed by a space and a slash. For example, a line break <br />.
You can view the HTML code used to render any web page by selecting the “view source” option in your browser.
1.3 Basic HTML Tags:
- <!DOCTYPE> Required info at the start of the file.
- <html> All page content is enclosed within these tags.
- <head> Global instructions to the browser on how to render content within the page. May include the following tags within (among others):
- <meta> Miscellaneous instructions to browser. Not displayed to user.
- <title> Page title that appears on title bar or tab of browser. Required.
- <body> Contains the content displayed to the user on the page.
These tags can be seen in the screen dump of a blank page created in Dreamweaver here:
No comments:
Post a Comment