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

Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider  Progress from Awareness to Implementation.pptxTales from a Passkey Provider  Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
FIDO Alliance
 
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
FIDO Alliance
 
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc
 

Recently uploaded (20)

UiPath manufacturing technology benefits and AI overview
UiPath manufacturing technology benefits and AI overviewUiPath manufacturing technology benefits and AI overview
UiPath manufacturing technology benefits and AI overview
 
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfSimplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
 
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
 
TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024
 
Google I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGoogle I/O Extended 2024 Warsaw
Google I/O Extended 2024 Warsaw
 
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider  Progress from Awareness to Implementation.pptxTales from a Passkey Provider  Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
 
Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)
Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)
Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)
 
Vector Search @ sw2con for slideshare.pptx
Vector Search @ sw2con for slideshare.pptxVector Search @ sw2con for slideshare.pptx
Vector Search @ sw2con for slideshare.pptx
 
WebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceWebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM Performance
 
Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024
 
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
 
WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024
 
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
 
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
 
The Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and InsightThe Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and Insight
 
Collecting & Temporal Analysis of Behavioral Web Data - Tales From The Inside
Collecting & Temporal Analysis of Behavioral Web Data - Tales From The InsideCollecting & Temporal Analysis of Behavioral Web Data - Tales From The Inside
Collecting & Temporal Analysis of Behavioral Web Data - Tales From The Inside
 
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
 
2024 May Patch Tuesday
2024 May Patch Tuesday2024 May Patch Tuesday
2024 May Patch Tuesday
 

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