SlideShare uma empresa Scribd logo

Web designing using html

•Transferir como PPT, PDF•
•
J
julicris021488

Basic Web Designing

Tecnologia
1 de 66
Web Page Designing Using HTML
Do you know these websites?
The Internet ,[object Object],[object Object]
Structure of the Internet ,[object Object]
Purpose of Internet ,[object Object],[object Object],[object Object],[object Object]
Hypertext Documents ,[object Object],[object Object],[object Object],[object Object]
Linear Versus Hypertext Documents ,[object Object]
Web Pages and Web Browsers ,[object Object],[object Object],[object Object]
Using a Browser to View a Web Document on a Server This figure shows to view web pages, the user runs a Web browser, a software program that retrieves the page and displays it. PRELIM
HTML ,[object Object],[object Object],[object Object],[object Object]
Tools for Creating HTML Documents ,[object Object],[object Object],[object Object],[object Object]
Outline ,[object Object],[object Object],[object Object],[object Object],[object Object]
Outline (continuation) ,[object Object],[object Object],[object Object],[object Object],[object Object]
HTML Tags ,[object Object],[object Object]
Basic HTML Tags <html> </html> Defines the text file as being in HTML format. This is found on the beginning and end of each web page. <head> </head> The heading area of a the page. The space between these two tags is used for special commands that does not have any connection to the actual formatting of the page. <title> </title> Defines the title displayed at the title bar of the browser window. <body> </body> Found after the <head> tag and is used to define the area of the file which formats the way the web page is seen. <b> </b> Makes text Bold
Your First HTML File ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Saving and Running HTML File ,[object Object],[object Object],[object Object],[object Object]
Output of home.html title URL or web address body
Editing HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Editing HTML ,[object Object],[object Object],Refresh icon
Output of home.html
Editing HTML ,[object Object],[object Object],[object Object],[object Object]
Editing HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Output of home.html
Adding Color ,[object Object],[object Object]
RGB (#RedGreenBlue) ,[object Object],[object Object],[object Object]
Adding Colors ,[object Object],[object Object],[object Object],[object Object],[object Object]
Background and Text color ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
An example of a page with blue background and white text.
Images ,[object Object],[object Object],[object Object]
Inserting image in your HTML file ,[object Object],[object Object],[object Object]
Text Appearance ,[object Object],[object Object],[object Object],[object Object],[object Object]
Text Appearance ,[object Object],[object Object],[object Object],[object Object]
Text Appearance ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Text Appearance ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Text Apperance ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Text Appearance ,[object Object],[object Object],[object Object],[object Object]
Moving Text ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Moving text (continuation) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Moving Text (continuation) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Moving Text (continuation) ,[object Object],[object Object],[object Object],[object Object]
List ,[object Object]
List (continuation) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
List (continuation) ,[object Object],[object Object],[object Object],[object Object],[object Object]
List (continuation) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
List (continuation) ,[object Object],[object Object],[object Object],[object Object],[object Object]
Horizontal Rules ,[object Object]
Horizontal Rules (continuation) ,[object Object],[object Object],[object Object],[object Object]
Horizontal Rules (continuation) ,[object Object],[object Object],[object Object],[object Object],[object Object]
Links ,[object Object],[object Object]
Links (continuation) ,[object Object],[object Object]
Links (continuation) ,[object Object]
Links (continuation) ,[object Object]
Links (continuation) ,[object Object],[object Object]
Links (continuation) ,[object Object],[object Object],[object Object]
Links (continuation) ,[object Object],[object Object],[object Object],[object Object],[object Object]
Links (continuation) ,[object Object],[object Object]
Links (continuation) ,[object Object]
Links (continuation) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Do’s and Dont’s ,[object Object],[object Object]
Do’s and Dont’s (continuation) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Do’s and Dont’s (continuation) ,[object Object],[object Object]
Do’s and Dont’s (continuation) ,[object Object],[object Object],[object Object]
Do’s and Dont’s (continuation) ,[object Object],[object Object],[object Object],[object Object]
Do’s and Dont’s (continuation) ,[object Object],[object Object],[object Object]
Do’s and Dont’s (continuation) ,[object Object],[object Object],[object Object]

Recomendados

Web Development using HTML & CSS
Web Development using HTML & CSSWeb Development using HTML & CSS
Web Development using HTML & CSS
Brainware Consultancy Pvt Ltd
 
Html
HtmlHtml
Html
Nisa Soomro
 
Html
HtmlHtml
Html
irshadahamed
 
Tags in html
Tags in htmlTags in html
Tags in html
Balakumaran Arunachalam
 
Html project
Html projectHtml project
Html project
arsh7511
 
Introduction of Html/css/js
Introduction of Html/css/jsIntroduction of Html/css/js
Introduction of Html/css/js
Knoldus Inc.
 
Html, CSS & Web Designing
Html, CSS & Web DesigningHtml, CSS & Web Designing
Html, CSS & Web Designing
Leslie Steele
 
1 03 - CSS Introduction
1 03 - CSS Introduction1 03 - CSS Introduction
1 03 - CSS Introduction
apnwebdev
 

Recomendados

Web Development using HTML & CSS
Web Development using HTML & CSSWeb Development using HTML & CSS
Web Development using HTML & CSS
Brainware Consultancy Pvt Ltd
 
Html
HtmlHtml
Html
Nisa Soomro
 
Html
HtmlHtml
Html
irshadahamed
 
Tags in html
Tags in htmlTags in html
Tags in html
Balakumaran Arunachalam
 
Html project
Html projectHtml project
Html project
arsh7511
 
Introduction of Html/css/js
Introduction of Html/css/jsIntroduction of Html/css/js
Introduction of Html/css/js
Knoldus Inc.
 
Html, CSS & Web Designing
Html, CSS & Web DesigningHtml, CSS & Web Designing
Html, CSS & Web Designing
Leslie Steele
 
1 03 - CSS Introduction
1 03 - CSS Introduction1 03 - CSS Introduction
1 03 - CSS Introduction
apnwebdev
 
HTML practical file
HTML practical fileHTML practical file
HTML practical file
Kuldeep Sharma
 
Intro Html
Intro HtmlIntro Html
Intro Html
Chidanand Byahatti
 
Dom
DomDom
Dom
Rakshita Upadhyay
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
Sayan De
 
Html presentation
Html presentationHtml presentation
Html presentation
Amber Bhaumik
 
Html
HtmlHtml
Html
Cerise Anderson
 
Html and css presentation
Html and css presentationHtml and css presentation
Html and css presentation
umesh patil
 
Html basics
Html basicsHtml basics
Html basics
Vjay Vijju
 
Presentation on HTML
Presentation on HTMLPresentation on HTML
Presentation on HTML
satvirsandhu9
 
Understanding the Web Page Layout
Understanding the Web Page LayoutUnderstanding the Web Page Layout
Understanding the Web Page Layout
Jhaun Paul Enriquez
 
Javascript
JavascriptJavascript
Javascript
Manav Prasad
 
Learning HTML
Learning HTMLLearning HTML
Learning HTML
Md. Sirajus Salayhin
 
Introduction to HTML and CSS
Introduction to HTML and CSSIntroduction to HTML and CSS
Introduction to HTML and CSS
danpaquette
 
Eye catching HTML BASICS tips: Learn easily
Eye catching HTML BASICS tips: Learn easilyEye catching HTML BASICS tips: Learn easily
Eye catching HTML BASICS tips: Learn easily
shabab shihan
 
Html forms
Html formsHtml forms
Html forms
Er. Nawaraj Bhandari
 
Html notes
Html notesHtml notes
Html notes
Ismail Mukiibi
 
Html
HtmlHtml
Html
yugank_gupta
 
Cascading Style Sheet (CSS)
Cascading Style Sheet (CSS)Cascading Style Sheet (CSS)
Cascading Style Sheet (CSS)
AakankshaR
 
HTML (Web) basics for a beginner
HTML (Web) basics for a beginnerHTML (Web) basics for a beginner
HTML (Web) basics for a beginner
Jayapal Reddy Nimmakayala
 
Links in Html
Links in HtmlLinks in Html
Links in Html
sadeenedian08
 
HTML
HTMLHTML
HTML
Gouthaman V
 
Html basic
Html basicHtml basic
Html basic
Charitha Bandara
 

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

HTML practical file
HTML practical fileHTML practical file
HTML practical file
 
Intro Html
Intro HtmlIntro Html
Intro Html
 
Dom
DomDom
Dom
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
 
Html presentation
Html presentationHtml presentation
Html presentation
 
Html
HtmlHtml
Html
 
Html and css presentation
Html and css presentationHtml and css presentation
Html and css presentation
 
Html basics
Html basicsHtml basics
Html basics
 
Presentation on HTML
Presentation on HTMLPresentation on HTML
Presentation on HTML
 
Understanding the Web Page Layout
Understanding the Web Page LayoutUnderstanding the Web Page Layout
Understanding the Web Page Layout
 
Javascript
JavascriptJavascript
Javascript
 
Learning HTML
Learning HTMLLearning HTML
Learning HTML
 
Introduction to HTML and CSS
Introduction to HTML and CSSIntroduction to HTML and CSS
Introduction to HTML and CSS
 
Eye catching HTML BASICS tips: Learn easily
Eye catching HTML BASICS tips: Learn easilyEye catching HTML BASICS tips: Learn easily
Eye catching HTML BASICS tips: Learn easily
 
Html forms
Html formsHtml forms
Html forms
 
Html notes
Html notesHtml notes
Html notes
 
Html
HtmlHtml
Html
 
Cascading Style Sheet (CSS)
Cascading Style Sheet (CSS)Cascading Style Sheet (CSS)
Cascading Style Sheet (CSS)
 
HTML (Web) basics for a beginner
HTML (Web) basics for a beginnerHTML (Web) basics for a beginner
HTML (Web) basics for a beginner
 
Links in Html
Links in HtmlLinks in Html
Links in Html
 

Semelhante a Web designing using html

Building A Website
Building A WebsiteBuilding A Website
Building A Website
marabeas
 
Html guide
Html guideHtml guide
Html guide
Dileysi
 
Module 2 Lesson 1
Module 2 Lesson 1Module 2 Lesson 1
Module 2 Lesson 1
claytors
 
Creating a page in HTML
Creating a page in HTMLCreating a page in HTML
Creating a page in HTML
robertbenard
 

Semelhante a Web designing using html (20)

HTML
HTMLHTML
HTML
 
Html basic
Html basicHtml basic
Html basic
 
Lect_html1
Lect_html1Lect_html1
Lect_html1
 
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
HtmlHtml
Html
 
HTML_Slideshow1
HTML_Slideshow1HTML_Slideshow1
HTML_Slideshow1
 
Html For Beginners 2
Html For Beginners 2Html For Beginners 2
Html For Beginners 2
 
Building A Website
Building A WebsiteBuilding A Website
Building A Website
 
Design Tools Html Xhtml
Design Tools Html XhtmlDesign Tools Html Xhtml
Design Tools Html Xhtml
 
Html guide
Html guideHtml guide
Html guide
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Intr To Html & Xhtml
Intr To Html & XhtmlIntr To Html & Xhtml
Intr To Html & Xhtml
 
Module 2 Lesson 1
Module 2 Lesson 1Module 2 Lesson 1
Module 2 Lesson 1
 
Intro to html
Intro to htmlIntro to html
Intro to html
 
Intro to html
Intro to htmlIntro to html
Intro to html
 
Notes4
Notes4Notes4
Notes4
 
Before start
Before startBefore start
Before start
 
Creating a page in HTML
Creating a page in HTMLCreating a page in HTML
Creating a page in HTML
 
AK html
AK htmlAK html
AK html
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
 

Último

Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
 
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
Safe Software
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
sammart93
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Enterprise Knowledge
 
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
Principled Technologies
 

Último (20)

Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
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
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
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
 
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...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
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
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 

Web designing using html

  • 1. Web Page Designing Using HTML
  • 2. Do you know these websites?
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9. Using a Browser to View a Web Document on a Server This figure shows to view web pages, the user runs a Web browser, a software program that retrieves the page and displays it. PRELIM
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15. Basic HTML Tags <html> </html> Defines the text file as being in HTML format. This is found on the beginning and end of each web page. <head> </head> The heading area of a the page. The space between these two tags is used for special commands that does not have any connection to the actual formatting of the page. <title> </title> Defines the title displayed at the title bar of the browser window. <body> </body> Found after the <head> tag and is used to define the area of the file which formats the way the web page is seen. <b> </b> Makes text Bold
  • 16.
  • 17.
  • 18. Output of home.html title URL or web address body
  • 19.
  • 20.
  • 22.
  • 23.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29. An example of a page with blue background and white text.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.