1 / 17

EXERCISE 4:HTML 101

By Dan Adamo , Anna Kalimouline , Oliver C.C. Zhang,George Lewis, Daryl Lee. EXERCISE 4:HTML 101. Class: MPM17 Date Due: October 12, 2011.

melinda-dillon
Download Presentation

EXERCISE 4:HTML 101

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. By Dan Adamo, Anna Kalimouline, Oliver C.C. Zhang,George Lewis, Daryl Lee EXERCISE 4:HTML 101 • Class: MPM17 • Date Due: October 12, 2011

  2. A website is essentially a connected group of pages on the World Wide Web regarded as a single entity, usually maintained by one person or organization and devoted to a single topic or several closely related topics. 1. WHAT IS A WEBSITE?

  3. A webpage, on the other hand, is a document on the World Wide Web, consisting of an HTML file and any related files for scripts and graphics, and often hyperlinked to other documents on the Web which are normally accessed by using a browser. 2. What is a webpage?

  4. The predominant markup language for web pages is called HTML (HyperText Markup Language). They are formatted in this way so that it allows images and objects to be embedded and can be used to create interactive forms. It allows pages to display typefaces such as italics, references such as hyperlinks, and formats such as paragraphs and headings. It can also be embed scripts in languages such as JavaScript which affect the behavior of HTML webpages. 3. What coding elements provide a webpage its structure, presentation and behaviour, why is it designed this way?

  5. Webpages are written in the form of HTML elements consisting of tags, enclosed in angle brackets within the web page content. In between these tags web designers can add text, tags, comments, and other types of text-based content. The structure is: • To begin a tag: opening angle bracket followed by an element and then a closing angle bracket. • To end a tag: an opening angle bracket followed by a forward slash, then the element, then a closing angle bracket. 4. How do you write an html tag, why?

  6. For example: • <html> - Begins your HTML document. • and </html> - Begins your HTML document. • They are formatted in this way so that the language can be understood when it’s inputted. A way that it can be seen is that tags are written the same way a sentence is written. An opening angle bracket is always at the beginning of an element, just like how the first letter of a sentence is always capitalized. 4. How do you write an html tag, why? CONTINUED

  7. The element is always in-between the angle brackets just like how words form the middle of a sentence. Finally, a closing angle bracket is always placed at the end just like how a period always ends a sentence. • HTML coding must be written in this way as it allows a program or software to know when something starts or ends, and what purpose it serves. 4. How do you write an html tag, why? CONTINUED

  8. Doctype begins the html document and tells a validator which version of HTML to use when checking the documents’ composition. • 6. What is an attribute? 5. What is the doctype element used for? • Attributes provide additional information about elements. They are always specified in the start tag • Come in name/value pairs like: name=”value”

  9. Metadata is information about data. The <meta> tag provides data about the HTML document. Metadata will not be displayed on the page, but will be machine readable. • Meta elements are typically used to specify page description, keywords, author of the document, last modified. • The <meta> tag always goes inside the head element. • The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services. 7. What is a meta tag?

  10. You write the text in the body area of your html code in between <body>, and</body> For example: • <html> • <body> • Hello everybody! • </body> • </html> 8. Where do you write text you want to see on the page?

  11. The H1 tag is used to describe a page or a section of a page. • ‘H’ stands for ‘header’ and it ranges in size from h1-h6, 1 being the largest and 6 being the smallest. 9. WHAT IS THE H1 TAG USED FOR?

  12. In order to upload an image on the page you must type in this code: • <imgsrc="w3schools.jpg" width="104" height="142" /> • The ‘W3schools’ will be replaced with your image’s name. You may also alter the image’s width/height using the options provided in the code. 10. How do you load an image on the page?

  13. FTP is a Way to transfer files to your site. Open the FTP program (FileZilla), choose a site you want to connect to, and then choose the files you want to upload. 11. what is ftp and how do you use it?

  14. http (hypertext transfer protocol, is the main system used to access text, videos and images stored on the internet) allows your browser and the servers you use to access the Internet. • “When you enter a URL into your Web browser, the browser sends out a data request for the information stored under that address, which is then transferred back to you. Your browser then interprets the data and displays it for you in the appropriate manner.” 12. what is http and how does it work?

  15. A server is a computer designed to provide various services for an entire network. It is typically either a workstation or a mainframe because it’s often expected to handle far greater loads than ordinary desktop systems. The most common use of web servers is to host web sites but there are other uses, like data storage. • A Web Server is a computer on the World Wide Web (connected to the Internet Backbone) that stores HTML documents which can be retrieved via a Web browser. 13. what is a server, a web server?

  16. The term "Web address" is a synonym for a URL. It identifies a file on the Internet, usually consisting of the protocol, as http, followed by the domain name. For example, the two URLs below point to two different files at the domain pcwebopedia.com. • ftp://www.pcwebopedia.com/stuff.exe • http://www.pcwebopedia.com/index.html • The first shows an executable file that should be fetched using the FTP protocol, the second a Web page that should be fetched using the HTTP protocol. 14. what is a url and how does it work?

  17. The anchor element A is used to link different documents together. The href attribute specifies the destination of a link. • <a href="webaddress">title</a> • For example: • <a href="http://www.ryerson.ca/">Visit Home Page of Ryerson University</a> 15. How do you create a link?

More Related