SlideShare a Scribd company logo
1 of 8
EXERCISE 4: HTML 101 By Dan Adamo, Anna Kalimouline, Oliver Zhang, George Lewis, Daryl Lee  Class:  MPM17 Date Due: October 12, 2011
WHAT IS A WEBSITE? 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.
What is a webpage? 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.
How to Create a Website / WebPage In order to create a website you need a few things: A folder on a server Notpad/TextEdit or Dreamweaver FTP Client  Web Browser Ex. IE, Safari, Chrome
Creating a Website / WebPage Step 1: Open a Notepad and  save as index.html Step 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 with Step 4: Type </html> on the last row Step 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>
Creating a Website / WebPage ,[object Object]
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>
Step 9: Now you can type anything you want in between <p> and </p>,[object Object]

More Related Content

What's hot

HTML Intermediate
HTML IntermediateHTML Intermediate
HTML Intermediate
c525600
 
Blogging For Teachers
Blogging For  TeachersBlogging For  Teachers
Blogging For Teachers
gueste65cbc7
 
HTML Advanced
HTML AdvancedHTML Advanced
HTML Advanced
c525600
 
Module 2 Lesson 1
Module 2 Lesson 1Module 2 Lesson 1
Module 2 Lesson 1
claytors
 
Blogging For Teachers
Blogging For  TeachersBlogging For  Teachers
Blogging For Teachers
gueste65cbc7
 
Blogging For Teachers
Blogging For TeachersBlogging For Teachers
Blogging For Teachers
Mary Meloni
 
Blogging For Teachers
Blogging For TeachersBlogging For Teachers
Blogging For Teachers
Mary Meloni
 
Blogging For Teachers
Blogging For TeachersBlogging For Teachers
Blogging For Teachers
Mary Meloni
 

What's hot (20)

How to embed a ppt in a twinspace page - slideboom
How to embed a ppt in a twinspace page - slideboomHow to embed a ppt in a twinspace page - slideboom
How to embed a ppt in a twinspace page - slideboom
 
How To Make A Webpage Using PowerPoint
How To Make A Webpage Using PowerPointHow To Make A Webpage Using PowerPoint
How To Make A Webpage Using PowerPoint
 
Basic Html for beginners.
Basic Html for beginners.Basic Html for beginners.
Basic Html for beginners.
 
HTML Intermediate
HTML IntermediateHTML Intermediate
HTML Intermediate
 
Blogging For Teachers
Blogging For  TeachersBlogging For  Teachers
Blogging For Teachers
 
HTML Advanced
HTML AdvancedHTML Advanced
HTML Advanced
 
Lesson plan htmltextformattingtag
Lesson plan htmltextformattingtagLesson plan htmltextformattingtag
Lesson plan htmltextformattingtag
 
How to Include Clickable Links on Slideshare Presentation
How to Include Clickable Links on Slideshare PresentationHow to Include Clickable Links on Slideshare Presentation
How to Include Clickable Links on Slideshare Presentation
 
Forum in a page
Forum in a pageForum in a page
Forum in a page
 
Module 2 Lesson 1
Module 2 Lesson 1Module 2 Lesson 1
Module 2 Lesson 1
 
A presentation on front end development
A presentation on front end development   A presentation on front end development
A presentation on front end development
 
Blogging For Teachers
Blogging For  TeachersBlogging For  Teachers
Blogging For Teachers
 
First Pages HTML ASP-ASP.NET
First Pages HTML ASP-ASP.NETFirst Pages HTML ASP-ASP.NET
First Pages HTML ASP-ASP.NET
 
Blogging For Teachers
Blogging For TeachersBlogging For Teachers
Blogging For Teachers
 
Blogging For Teachers
Blogging For TeachersBlogging For Teachers
Blogging For Teachers
 
Blogging For Teachers
Blogging For TeachersBlogging For Teachers
Blogging For Teachers
 
Lesson plan 3
Lesson plan 3Lesson plan 3
Lesson plan 3
 
Google Drive: How to edit or view documents in offline mode
Google Drive: How to edit or view documents in offline modeGoogle Drive: How to edit or view documents in offline mode
Google Drive: How to edit or view documents in offline mode
 
Hyperlinking
HyperlinkingHyperlinking
Hyperlinking
 
Introduction to basic HTML [Librarian edition]
Introduction to basic HTML [Librarian edition]Introduction to basic HTML [Librarian edition]
Introduction to basic HTML [Librarian edition]
 

Similar to HTML 101

Lecture 1 - Comm Lab: Web @ ITP
Lecture 1 - Comm Lab: Web @ ITPLecture 1 - Comm Lab: Web @ ITP
Lecture 1 - Comm Lab: Web @ ITP
yucefmerhi
 
Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010
Matthew Mobbs
 
Creating a page in HTML
Creating a page in HTMLCreating a page in HTML
Creating a page in HTML
robertbenard
 

Similar to HTML 101 (20)

Basic HTML
Basic HTMLBasic HTML
Basic HTML
 
Lecture 1 - Comm Lab: Web @ ITP
Lecture 1 - Comm Lab: Web @ ITPLecture 1 - Comm Lab: Web @ ITP
Lecture 1 - Comm Lab: Web @ ITP
 
Html basic
Html basicHtml basic
Html basic
 
Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010
 
HTML Notes And Some Attributes
HTML Notes And Some AttributesHTML Notes And Some Attributes
HTML Notes And Some Attributes
 
Creating a page in HTML
Creating a page in HTMLCreating a page in HTML
Creating a page in HTML
 
Project 02 Creating and Editing a Web Page
Project 02 Creating and Editing a Web PageProject 02 Creating and Editing a Web Page
Project 02 Creating and Editing a Web Page
 
Module 1 - Introduction to HTML.pdf
Module 1 - Introduction to HTML.pdfModule 1 - Introduction to HTML.pdf
Module 1 - Introduction to HTML.pdf
 
How to Create a Simple Webpage Using Notepad.pptx
How to Create a Simple Webpage Using Notepad.pptxHow to Create a Simple Webpage Using Notepad.pptx
How to Create a Simple Webpage Using Notepad.pptx
 
Basic Webpage
Basic WebpageBasic Webpage
Basic Webpage
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
BASIC HTML PRESENTATION
BASIC HTML PRESENTATIONBASIC HTML PRESENTATION
BASIC HTML PRESENTATION
 
HTML presentation
HTML presentationHTML presentation
HTML presentation
 
Let me design
Let me designLet me design
Let me design
 
Html
HtmlHtml
Html
 
How To Create Personal Web Pages On My Web
How To Create Personal Web Pages On My WebHow To Create Personal Web Pages On My Web
How To Create Personal Web Pages On My Web
 
Html - Tutorial
Html - TutorialHtml - Tutorial
Html - Tutorial
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-53
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-53Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-53
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-53
 

Recently uploaded

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Recently uploaded (20)

Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 

HTML 101

  • 1. EXERCISE 4: HTML 101 By Dan Adamo, Anna Kalimouline, Oliver Zhang, George Lewis, Daryl Lee Class: MPM17 Date Due: October 12, 2011
  • 2. WHAT IS A WEBSITE? 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 a webpage? 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 Create a Website / WebPage In order to create a website you need a few things: A folder on a server Notpad/TextEdit or Dreamweaver FTP Client Web Browser Ex. IE, Safari, Chrome
  • 5. Creating a Website / WebPage Step 1: Open a Notepad and save as index.html Step 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 with Step 4: Type </html> on the last row Step 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.
  • 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.
  • 9. How to Post to Image Arts Server? Step 1: Download FTP Client a universal client is FileZilla Step 2: Connect to the image arts server by filling out the host:"ftp.imagearts.ryerson.ca". Your username:the initial of your first name + your full lastnameand your password:the last 7 digits of your student ID Step 3: Find your personal folder which is located under a subfolder called /fmpm11 insert your Index.htmlfile plus any images or links into the folder. Step 4: Your URL is http://www.imagearts.ryerson.ca/your user name Ex. http://www.imagearts.ryerson.ca/dbouchard