SlideShare une entreprise Scribd logo
1  sur  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]

Contenu connexe

Tendances

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 - slideboomPetros Michailidis
 
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 PowerPointMeredith
 
HTML Intermediate
HTML IntermediateHTML Intermediate
HTML Intermediatec525600
 
Blogging For Teachers
Blogging For  TeachersBlogging For  Teachers
Blogging For Teachersgueste65cbc7
 
HTML Advanced
HTML AdvancedHTML Advanced
HTML Advancedc525600
 
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 PresentationDavid Laubner
 
Module 2 Lesson 1
Module 2 Lesson 1Module 2 Lesson 1
Module 2 Lesson 1claytors
 
Blogging For Teachers
Blogging For  TeachersBlogging For  Teachers
Blogging For Teachersgueste65cbc7
 
First Pages HTML ASP-ASP.NET
First Pages HTML ASP-ASP.NETFirst Pages HTML ASP-ASP.NET
First Pages HTML ASP-ASP.NETsunmitraeducation
 
Blogging For Teachers
Blogging For TeachersBlogging For Teachers
Blogging For TeachersMary Meloni
 
Blogging For Teachers
Blogging For TeachersBlogging For Teachers
Blogging For TeachersMary Meloni
 
Blogging For Teachers
Blogging For TeachersBlogging For Teachers
Blogging For TeachersMary Meloni
 
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 modeProtect and Access
 
Introduction to basic HTML [Librarian edition]
Introduction to basic HTML [Librarian edition]Introduction to basic HTML [Librarian edition]
Introduction to basic HTML [Librarian edition]Kosie Eloff
 

Tendances (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]
 

Similaire à HTML 101

Lecture 1 - Comm Lab: Web @ ITP
Lecture 1 - Comm Lab: Web @ ITPLecture 1 - Comm Lab: Web @ ITP
Lecture 1 - Comm Lab: Web @ ITPyucefmerhi
 
Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010Matthew Mobbs
 
HTML Notes And Some Attributes
HTML Notes And Some AttributesHTML Notes And Some Attributes
HTML Notes And Some AttributesHIFZUR RAHMAN
 
Creating a page in HTML
Creating a page in HTMLCreating a page in HTML
Creating a page in HTMLrobertbenard
 
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 PageAngela Edel
 
Module 1 - Introduction to HTML.pdf
Module 1 - Introduction to HTML.pdfModule 1 - Introduction to HTML.pdf
Module 1 - Introduction to HTML.pdfHumphrey Humphrey
 
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.pptxminhanaa21
 
Basic Webpage
Basic WebpageBasic Webpage
Basic Webpagebmike06
 
BASIC HTML PRESENTATION
BASIC HTML PRESENTATIONBASIC HTML PRESENTATION
BASIC HTML PRESENTATIONTHABISO BALOYI
 
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 Websritikumar
 
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-53Ivy Rueb
 

Similaire à 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
 

Dernier

Vector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector DatabasesVector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector DatabasesZilliz
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfRankYa
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024The Digital Insurer
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 

Dernier (20)

Vector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector DatabasesVector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector Databases
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxE-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 

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