SlideShare ist ein Scribd-Unternehmen logo
1 von 33
HTML
Millions of computer networks connected to each other via the ‘Internet Backbone’
[object Object]
How does your computer find a website? Your computer Connects To Internet ISP Server checks your user name and password and assigns your computer an IP address (“Authentication”) I nternet  S ervice  P rovider
Client Server http://www.Google.com Requests Data Serves Data You type a website address or “URL” into your browser URL:  U niform  R esource  L ocater Unique address of a document or a resource on the internet URL
HTTP = Hyper Text Transfer Protocol FTP = File Transfer Protocol http://www.Google.com Protocol Type Domain Name URL Have two parts: A “Protocol’ is a structured set of communication rules  that allows machines to share data.
A Domain Name is a unique identifier for a resource on the Internet Google.com You choose this part Top Level Domain Domain Name
[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],[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]
[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],[object Object],[object Object],     Head                Body        
<html> <head> <title> Introduction to web  development </title> </head> <body> <p>Welcome to HTML!</p> </body> </html> Title tags Body tags
[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],[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],[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],[object Object]
<b>text</b> writes text as bold <i> text </i> writes text in italics <u> text </u> writes underlined text <sub> text </sub> lowers text and makes it smaller <sup> text   </sup> lifts text and makes it smaller <blink>text</blink> guess yourself! (Note: Netscape only.) <strike>text</strike> strikes a line through the text <pre>text</pre> writes text exactly as it is, including spaces. <strong>text<strong> usually makes text bold
These are the tags for changing the font size. <big>text</big> increase the size by one <small>text</small> decrease the size by one <h1>text</h1> writes text in biggest heading <h6>text</h6>  writes text in smallest heading <font size=&quot;1&quot;>text</font> writes text in smallest font size. (8 pt) <font size=&quot;7&quot;>text</font> writes text in biggest font size (36 pt)
T hese tags will let you control the layout. <p>text</p> Adds a paragraph break after the text.  (2 linebreaks). <p align=&quot;left&quot;>text</p> Left justify text in paragraph. <p align=&quot;center&quot;>text</p> Center text in paragraph. <p align=&quot;right&quot;>text</p> Right justify text in paragraph. text<br> Adds a single linebreak where the tag is.  <nobr>text</nobr> Turns off automatic linebreaks - even if text is wider than the window. <center>text</center> Center text. <div align=&quot;center&quot;>text</div> Center text. <div align=&quot;left&quot;>text</div> Left justify text. <div align=&quot;right&quot;>text</div> Right justify text.
[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],[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],[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],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],<ul type=&quot;disc&quot;> <ul type=&quot;circle&quot;> <ul type=&quot;square&quot;>
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Weitere ähnliche Inhalte

Was ist angesagt? (17)

Html example
Html exampleHtml example
Html example
 
Learn html Basics
Learn html BasicsLearn html Basics
Learn html Basics
 
HTML
HTMLHTML
HTML
 
Html ppt
Html pptHtml ppt
Html ppt
 
Html
HtmlHtml
Html
 
Html full
Html fullHtml full
Html full
 
Quick Referance to WML
Quick Referance to WMLQuick Referance to WML
Quick Referance to WML
 
Hypertext_markup_language
Hypertext_markup_languageHypertext_markup_language
Hypertext_markup_language
 
Html coding
Html codingHtml coding
Html coding
 
Web tech html css js
Web tech html css jsWeb tech html css js
Web tech html css js
 
HTML Fundamentals
HTML FundamentalsHTML Fundamentals
HTML Fundamentals
 
Intr To Html & Xhtml
Intr To Html & XhtmlIntr To Html & Xhtml
Intr To Html & Xhtml
 
Class 10th FIT Practical File(HTML)
Class 10th FIT Practical File(HTML)Class 10th FIT Practical File(HTML)
Class 10th FIT Practical File(HTML)
 
1-04: HTML Elements
1-04: HTML Elements1-04: HTML Elements
1-04: HTML Elements
 
HyperText Markup Language - HTML
HyperText Markup Language - HTMLHyperText Markup Language - HTML
HyperText Markup Language - HTML
 
Solr: Enterprise Search Server
Solr: Enterprise Search ServerSolr: Enterprise Search Server
Solr: Enterprise Search Server
 
Html basic
Html basicHtml basic
Html basic
 

Ähnlich wie Lect_html1

introduction to web technology
introduction to web technologyintroduction to web technology
introduction to web technology
vikram singh
 
Cascading Style Sheets
Cascading Style SheetsCascading Style Sheets
Cascading Style Sheets
Jerome Locson
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
vikasgaur31
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
vikasgaur31
 

Ähnlich wie Lect_html1 (20)

introduction to web technology
introduction to web technologyintroduction to web technology
introduction to web technology
 
AK html
AK  htmlAK  html
AK html
 
Web designing using html
Web designing using htmlWeb designing using html
Web designing using html
 
Html
HtmlHtml
Html
 
Web Development using HTML & CSS
Web Development using HTML & CSSWeb Development using HTML & CSS
Web Development using HTML & CSS
 
Cascading Style Sheets
Cascading Style SheetsCascading Style Sheets
Cascading Style Sheets
 
Html intro
Html introHtml intro
Html intro
 
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
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
HTML Fundamentals
HTML FundamentalsHTML Fundamentals
HTML Fundamentals
 
Html For Beginners 2
Html For Beginners 2Html For Beginners 2
Html For Beginners 2
 
Design Tools Html Xhtml
Design Tools Html XhtmlDesign Tools Html Xhtml
Design Tools Html Xhtml
 
HTML
HTMLHTML
HTML
 
Html
HtmlHtml
Html
 
KMUTNB - Internet Programming 3/7
KMUTNB - Internet Programming 3/7KMUTNB - Internet Programming 3/7
KMUTNB - Internet Programming 3/7
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
Html basic
Html basicHtml basic
Html basic
 

Kürzlich hochgeladen

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
 

Kürzlich hochgeladen (20)

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
 
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
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
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
 
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
 
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...
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
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
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
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
 
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
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
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...
 
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
 
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...
 

Lect_html1

  • 2. Millions of computer networks connected to each other via the ‘Internet Backbone’
  • 3.
  • 4. How does your computer find a website? Your computer Connects To Internet ISP Server checks your user name and password and assigns your computer an IP address (“Authentication”) I nternet S ervice P rovider
  • 5. Client Server http://www.Google.com Requests Data Serves Data You type a website address or “URL” into your browser URL: U niform R esource L ocater Unique address of a document or a resource on the internet URL
  • 6. HTTP = Hyper Text Transfer Protocol FTP = File Transfer Protocol http://www.Google.com Protocol Type Domain Name URL Have two parts: A “Protocol’ is a structured set of communication rules that allows machines to share data.
  • 7. A Domain Name is a unique identifier for a resource on the Internet Google.com You choose this part Top Level Domain Domain Name
  • 8.
  • 9.
  • 10.
  • 11.  
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17. <html> <head> <title> Introduction to web development </title> </head> <body> <p>Welcome to HTML!</p> </body> </html> Title tags Body tags
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23. <b>text</b> writes text as bold <i> text </i> writes text in italics <u> text </u> writes underlined text <sub> text </sub> lowers text and makes it smaller <sup> text </sup> lifts text and makes it smaller <blink>text</blink> guess yourself! (Note: Netscape only.) <strike>text</strike> strikes a line through the text <pre>text</pre> writes text exactly as it is, including spaces. <strong>text<strong> usually makes text bold
  • 24. These are the tags for changing the font size. <big>text</big> increase the size by one <small>text</small> decrease the size by one <h1>text</h1> writes text in biggest heading <h6>text</h6> writes text in smallest heading <font size=&quot;1&quot;>text</font> writes text in smallest font size. (8 pt) <font size=&quot;7&quot;>text</font> writes text in biggest font size (36 pt)
  • 25. T hese tags will let you control the layout. <p>text</p> Adds a paragraph break after the text. (2 linebreaks). <p align=&quot;left&quot;>text</p> Left justify text in paragraph. <p align=&quot;center&quot;>text</p> Center text in paragraph. <p align=&quot;right&quot;>text</p> Right justify text in paragraph. text<br> Adds a single linebreak where the tag is. <nobr>text</nobr> Turns off automatic linebreaks - even if text is wider than the window. <center>text</center> Center text. <div align=&quot;center&quot;>text</div> Center text. <div align=&quot;left&quot;>text</div> Left justify text. <div align=&quot;right&quot;>text</div> Right justify text.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.

Hinweis der Redaktion

  1. An Internet Service Provider owns servers that are connected to the Internet Backbone. The servers manage connections for many computers (“clients”) and route traffic through the backbone to other computers that have the information you want. The most common client connection methods are Dial-up, DSL and Cable Modem.
  2. default aligns the image using the default settings of the Web browser. Same as baseline. left aligns the image in the left margin and wraps the text that follows the image. right aligns the image in the right margin and wraps the text that precedes the image. top aligns the top of the image with the surrounding text. texttop aligns the top of the image with the top of the tallest text in the line. middle aligns the middle of the image with the surrounding text. absmiddle aligns the image with the middle of the current line. baseline aligns the image with the baseline of the current line. bottom aligns the bottom of the image with the surrounding text. absbottom aligns the image with the bottom of the current line. center aligns the center of the image with the surrounding text.
  3. default aligns the image using the default settings of the Web browser. Same as baseline. left aligns the image in the left margin and wraps the text that follows the image. right aligns the image in the right margin and wraps the text that precedes the image. top aligns the top of the image with the surrounding text. texttop aligns the top of the image with the top of the tallest text in the line. middle aligns the middle of the image with the surrounding text. absmiddle aligns the image with the middle of the current line. baseline aligns the image with the baseline of the current line. bottom aligns the bottom of the image with the surrounding text. absbottom aligns the image with the bottom of the current line. center aligns the center of the image with the surrounding text.