More Related Content
![Introduction to basic HTML [Librarian edition]](https://cdn.slidesharecdn.com/ss_thumbnails/introductiontohtmllibrarianedition-130605110026-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
HTML 101
- 1. EXERCISE 4: HTML 101ByDan Adamo, Anna Kalimouline, Oliver Zhang, George Lewis, Daryl Lee Class: MPM17Date Due: October 12, 2011
- 2. WHAT IS AWEBSITE?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.
- 3. What is awebpage?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.
- 4. How to Createa Website / WebPageIn order to create a website you need a few things:A folder on a serverNotpad/TextEdit or DreamweaverFTP Client Web Browser Ex. IE, Safari, Chrome
- 5. Creating a Website/ WebPageStep 1: Open a Notepad and save as index.htmlStep 2: The first thing you type in the notpad is the Doctype. So insert: <!DOCTYPE html>Step 3: Type <html> on next row and press "Enter" couple times just to give use some space to work withStep 4: Type </html> on the last rowStep 5: We need to make a title of our page so next we type <title>"type your title here without quotation"</title>Step 6: Now the page is still empty. We have to type <body> on next row and type </body> on the row before </html>
- 6. Creating a Website/ WebPageStep 7: We begin the page with a heading. We will type <h1>"type your heading without quotation"<h1>.
- 7. Step 8: Finally,we need a paragraph on our page. To do that, we type <p> on next row and hit "Enter" a coupe time just to have some space for our paragraph. Then type </p>
- 8. Step 9: Nowyou can type anything you want in between <p> and </p>Adding Links / Images to WebpageStep 9: We can insert a link of other website by typing <a href="type the website address here inside the quotation"</a>Step 10: To display a picture on our page, we need to start on next row and type < imgsrc = "paste the link of the picture inside the quotation" /> (The image must be in the same folder as index.html)Image:Link: