SlideShare una empresa de Scribd logo
1 de 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]

Más contenido relacionado

La actualidad más candente

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
 

La actualidad más candente (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 a 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 a 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
 

Último

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
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Último (20)

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
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
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
 
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
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
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...
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 

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