HTML is a markup language used to structure web pages. It uses tags to mark up elements like headings, paragraphs, and line breaks. There are two main types of HTML elements - container elements which wrap content, and empty elements which are standalone like line breaks. Structuring a web page with semantic HTML tags like headings, paragraphs, etc. helps ensure accessibility and that search engines can understand the content. The document provides an example of a well-structured HTML page using tags like <html>, <head>, <title>, <body>, <h1>, <p>.
HTML is the markup language used to structure and format web pages. It uses tags to describe how content should be formatted and displayed. Some key HTML tags include paragraph tags (<p>), heading tags (<h1>-<h6>), line break tags (<br>), and horizontal rule tags (<hr>). Links can be added using anchor tags (<a>) that specify a href attribute pointing to a file path or URL. Lists are created using unordered (<ul>) and ordered (<ol>) list tags along with list item (<li>) tags. Formatting can be applied using bold (<b>) and italic (<i>) tags.
Physicists at CERN needed a way to share information which led to the creation of HTML in 1980 by Tim Berners-Lee. Over a decade of development, HTML and the World Wide Web were created, along with web browsers to view HTML documents on the internet. HTML uses markup tags to provide structure and layout to web pages and is a fundamental technology for building web pages and web applications.
This document discusses two methods for building HTML emails: the "cowboy method" of directly embedding images and text without layout controls, and the professional method using HTML tables, inline CSS styles, and width/height attributes. It recommends sketching a design, nesting tables to center content, limiting width to 600px, using invisible spacer GIFs, and including plain text and unsubscribe options. Third-party email service providers can help with delivery, analytics, and list management. Mobile layouts should use a single column and provide a text-only fallback.
This document provides an introduction to HTML and the early history of the Internet. It discusses how interconnected networks and protocols like TCP/IP led to the development of the World Wide Web by Tim Berners-Lee using HTML and HTTP. It also describes the "browser wars" between Netscape and Microsoft, and how this spurred the creation of standards organizations like the W3C to ensure compatibility across browsers.
This document summarizes upcoming CSS features like Box Alignment Level 3, CSS Grid Layout, CSS Shapes, CSS Feature Queries, and CSS Custom Properties. It explains what each feature does at a high level and provides example code snippets. The document also encourages developers to get involved by filing issues on browser bug trackers, requesting new features, and creating blog posts/demos to help drive adoption of these new CSS specifications.
My books- Hacking Digital Learning Strategies http://hackingdls.com & Learning to Go https://gum.co/learn2go
Resources at http://shellyterrell.com/classmanagement
The reality for companies that are trying to figure out their blogging or content strategy is that there's a lot of content to write beyond just the "buy now" page.
The document discusses the benefits of exercise for mental health. Regular physical activity can help reduce anxiety and depression and improve mood and cognitive functioning. Exercise causes chemical changes in the brain that may help protect against mental illness and improve symptoms.
HTML is the markup language used to structure and format web pages. It uses tags to describe how content should be formatted and displayed. Some key HTML tags include paragraph tags (<p>), heading tags (<h1>-<h6>), line break tags (<br>), and horizontal rule tags (<hr>). Links can be added using anchor tags (<a>) that specify a href attribute pointing to a file path or URL. Lists are created using unordered (<ul>) and ordered (<ol>) list tags along with list item (<li>) tags. Formatting can be applied using bold (<b>) and italic (<i>) tags.
Physicists at CERN needed a way to share information which led to the creation of HTML in 1980 by Tim Berners-Lee. Over a decade of development, HTML and the World Wide Web were created, along with web browsers to view HTML documents on the internet. HTML uses markup tags to provide structure and layout to web pages and is a fundamental technology for building web pages and web applications.
This document discusses two methods for building HTML emails: the "cowboy method" of directly embedding images and text without layout controls, and the professional method using HTML tables, inline CSS styles, and width/height attributes. It recommends sketching a design, nesting tables to center content, limiting width to 600px, using invisible spacer GIFs, and including plain text and unsubscribe options. Third-party email service providers can help with delivery, analytics, and list management. Mobile layouts should use a single column and provide a text-only fallback.
This document provides an introduction to HTML and the early history of the Internet. It discusses how interconnected networks and protocols like TCP/IP led to the development of the World Wide Web by Tim Berners-Lee using HTML and HTTP. It also describes the "browser wars" between Netscape and Microsoft, and how this spurred the creation of standards organizations like the W3C to ensure compatibility across browsers.
This document summarizes upcoming CSS features like Box Alignment Level 3, CSS Grid Layout, CSS Shapes, CSS Feature Queries, and CSS Custom Properties. It explains what each feature does at a high level and provides example code snippets. The document also encourages developers to get involved by filing issues on browser bug trackers, requesting new features, and creating blog posts/demos to help drive adoption of these new CSS specifications.
My books- Hacking Digital Learning Strategies http://hackingdls.com & Learning to Go https://gum.co/learn2go
Resources at http://shellyterrell.com/classmanagement
The reality for companies that are trying to figure out their blogging or content strategy is that there's a lot of content to write beyond just the "buy now" page.
The document discusses the benefits of exercise for mental health. Regular physical activity can help reduce anxiety and depression and improve mood and cognitive functioning. Exercise causes chemical changes in the brain that may help protect against mental illness and improve symptoms.
HTML is the language used to create websites. It provides a logical structure for content using markup tags. Documents must begin with <!DOCTYPE html> to indicate HTML and <html> tags to enclose the content. The <head> contains metadata not displayed, including the <title>. The visible content goes in the <body> between its opening and closing tags. Some elements like <br /> are self-closing single tags. HTML organizes elements in a nested parent-child relationship structure.
Hypertext Markup Language (HTML) is the standard markup language used to create web pages. HTML uses tags like <h1> and </h1> to define headings, paragraphs, and other elements. A web browser can read HTML files and display them as web pages by interpreting the HTML tags but not displaying them. HTML describes the structure and layout of content on a website.
Xml For Dummies Chapter 4 Adding Xhtml For The Webphanleson
XML For Dummies provides information on converting documents from HTML to XHTML by following XML syntax rules. It discusses the key differences between HTML and XML, and how XHTML combines aspects of both. The chapter emphasizes that XHTML documents must use XML syntax like closing all tags, properly nesting tags, using lowercase for all tags and attributes, and putting quotation marks around attribute values. It also stresses the importance of including a DOCTYPE declaration to enable validation and proper rendering of XHTML pages.
This document discusses the differences between HTML, XML, and XHTML. It covers how XHTML combines the structure of XML with the familiar tags of HTML. Key points include:
- HTML was designed for displaying web pages, XML for data exchange, and XHTML uses HTML tags with XML syntax.
- XML allows custom tags, separates content from presentation, and is self-describing, while HTML focuses on display.
- Converting to XHTML requires following XML syntax rules like closing all tags, using empty element syntax, proper nesting, and lowercase tags and attribute quotes.
The document provides a summary of key HTML elements and concepts in 3 sentences or less:
HTML and XHTML are the foundation of web development. This document summarizes important HTML elements like headings, paragraphs, lists, links, images and tables, as well as concepts like validation, templates, and specialized markup. It also introduces useful open source tools for web development.
HTML is the backbone of the web and is used to create structured web pages. It uses tags denoted by < > to designate formats, styles, and logical/structural information. The basic structure of an HTML document includes the <html>, <head>, and <body> tags. HTML5 introduces new semantic tags like <header> and <footer> and supports native playback of video and audio with the <video> and <audio> tags. HTML documents can be created and edited using simple text editors.
HYPER TEXT MARKUP LANGUAGE BASIC LESSONSdivyajohnisg
The document provides an introduction to HTML, explaining that it is used to create web pages and is a markup language that uses tags to describe web page elements. It describes how to start creating HTML documents using a text editor like Notepad and viewing the pages in a web browser. It outlines the basic HTML page structure using <html>, <head>, <title>, and <body> tags and provides examples of simple HTML code to create a web page.
The document provides an introduction to HTML by explaining its history and standards organization. It describes the basic purpose and structure of web pages using HTML tags, including paragraphs, headings, and attributes. The four core HTML elements - html, head, title, and body - are explained along with how they encapsulate page content.
Hello Friends..Welcome again.
Today Igot for you amazing topic for the learning that is, HTML vs XHTML. People generally get confuse with these two Web Development Languages.
I hope this presentation will help you in understanding the difference between both the languages.
Tim Berners-Lee, a physicist working at CERN, invented HTML in the late 1980s as a way for researchers to share and collaborate on information. The earliest versions of HTML included basic markup tags but lacked features like tables. Subsequent versions in the 1990s, such as HTML 3.2, HTML 4, and HTML 4.01, added support for additional elements, tags, and features to enhance the functionality and capabilities of HTML. HTML is not a programming language but a markup language that uses tags to define the structure and layout of web pages.
HTML is a markup language used to define the structure and layout of web pages. HTML uses tags like <b> and </b> to mark up text with special meaning. A web browser reads HTML documents and displays them as web pages, interpreting the tags but not displaying them. Common HTML tags include <html> <body> and <p> to define overall page structure and paragraphs of text.
HTML is the standard markup language used to define the structure of web pages. HTML uses elements to describe headings, paragraphs, links and other parts of a web page. Elements are defined by opening and closing tags and tell browsers how to display content. HTML has evolved through several versions since its invention in 1989 and defines the basic building blocks of web pages and websites.
HTML is a markup language used to define the structure and layout of web pages. It was created in 1990 and has been revised over time, with HTML 5.0 being the most recent standard. As a static language, HTML provides the foundation for web pages but cannot dynamically change elements on its own. Other scripting languages like JavaScript and PHP are needed to make websites dynamic and responsive. HTML uses tags placed within angle brackets to delineate elements like paragraphs, headings, and links. Tags come in opening and closing pairs to encapsulate content for the browser to interpret and display correctly.
HTML (Hypertext Markup Language) is a language for structuring and presenting content on the web. It uses tags to annotate text and other content within web pages. Key HTML tags include paragraph tags (<p>), heading tags (<h1> through <h6>), lists (<ul>, <ol>, <li>), links (<a href=””>), and images (<img src=””>). Following the three C's of web design - content, code, and creativity - allows developers to effectively structure and present information on web pages using HTML.
XHTML is a stricter version of HTML that is defined as an XML application. It was developed to combine the strengths of HTML and XML. The key differences from HTML are that XHTML documents must have a DOCTYPE, use proper nesting and closing of elements, have elements in lowercase, and have attributes in lowercase with quotes.
This document provides an overview of HTML. It discusses what HTML is, the different versions of HTML, how HTML works by describing the basic structure of an HTML document, and the differences between HTML4 and HTML5. It also outlines some of the most commonly used HTML tags, including block-level tags like <html>, <head>, and <body> as well as inline tags for formatting text and adding images and links. Finally, it reviews some pros of HTML like its wide usage and support, and some cons such as its limitations for dynamic functionality.
HTML is the language used to create websites. It provides a logical structure for content using markup tags. Documents must begin with <!DOCTYPE html> to indicate HTML and <html> tags to enclose the content. The <head> contains metadata not displayed, including the <title>. The visible content goes in the <body> between its opening and closing tags. Some elements like <br /> are self-closing single tags. HTML organizes elements in a nested parent-child relationship structure.
Hypertext Markup Language (HTML) is the standard markup language used to create web pages. HTML uses tags like <h1> and </h1> to define headings, paragraphs, and other elements. A web browser can read HTML files and display them as web pages by interpreting the HTML tags but not displaying them. HTML describes the structure and layout of content on a website.
Xml For Dummies Chapter 4 Adding Xhtml For The Webphanleson
XML For Dummies provides information on converting documents from HTML to XHTML by following XML syntax rules. It discusses the key differences between HTML and XML, and how XHTML combines aspects of both. The chapter emphasizes that XHTML documents must use XML syntax like closing all tags, properly nesting tags, using lowercase for all tags and attributes, and putting quotation marks around attribute values. It also stresses the importance of including a DOCTYPE declaration to enable validation and proper rendering of XHTML pages.
This document discusses the differences between HTML, XML, and XHTML. It covers how XHTML combines the structure of XML with the familiar tags of HTML. Key points include:
- HTML was designed for displaying web pages, XML for data exchange, and XHTML uses HTML tags with XML syntax.
- XML allows custom tags, separates content from presentation, and is self-describing, while HTML focuses on display.
- Converting to XHTML requires following XML syntax rules like closing all tags, using empty element syntax, proper nesting, and lowercase tags and attribute quotes.
The document provides a summary of key HTML elements and concepts in 3 sentences or less:
HTML and XHTML are the foundation of web development. This document summarizes important HTML elements like headings, paragraphs, lists, links, images and tables, as well as concepts like validation, templates, and specialized markup. It also introduces useful open source tools for web development.
HTML is the backbone of the web and is used to create structured web pages. It uses tags denoted by < > to designate formats, styles, and logical/structural information. The basic structure of an HTML document includes the <html>, <head>, and <body> tags. HTML5 introduces new semantic tags like <header> and <footer> and supports native playback of video and audio with the <video> and <audio> tags. HTML documents can be created and edited using simple text editors.
HYPER TEXT MARKUP LANGUAGE BASIC LESSONSdivyajohnisg
The document provides an introduction to HTML, explaining that it is used to create web pages and is a markup language that uses tags to describe web page elements. It describes how to start creating HTML documents using a text editor like Notepad and viewing the pages in a web browser. It outlines the basic HTML page structure using <html>, <head>, <title>, and <body> tags and provides examples of simple HTML code to create a web page.
The document provides an introduction to HTML by explaining its history and standards organization. It describes the basic purpose and structure of web pages using HTML tags, including paragraphs, headings, and attributes. The four core HTML elements - html, head, title, and body - are explained along with how they encapsulate page content.
Hello Friends..Welcome again.
Today Igot for you amazing topic for the learning that is, HTML vs XHTML. People generally get confuse with these two Web Development Languages.
I hope this presentation will help you in understanding the difference between both the languages.
Tim Berners-Lee, a physicist working at CERN, invented HTML in the late 1980s as a way for researchers to share and collaborate on information. The earliest versions of HTML included basic markup tags but lacked features like tables. Subsequent versions in the 1990s, such as HTML 3.2, HTML 4, and HTML 4.01, added support for additional elements, tags, and features to enhance the functionality and capabilities of HTML. HTML is not a programming language but a markup language that uses tags to define the structure and layout of web pages.
HTML is a markup language used to define the structure and layout of web pages. HTML uses tags like <b> and </b> to mark up text with special meaning. A web browser reads HTML documents and displays them as web pages, interpreting the tags but not displaying them. Common HTML tags include <html> <body> and <p> to define overall page structure and paragraphs of text.
HTML is the standard markup language used to define the structure of web pages. HTML uses elements to describe headings, paragraphs, links and other parts of a web page. Elements are defined by opening and closing tags and tell browsers how to display content. HTML has evolved through several versions since its invention in 1989 and defines the basic building blocks of web pages and websites.
HTML is a markup language used to define the structure and layout of web pages. It was created in 1990 and has been revised over time, with HTML 5.0 being the most recent standard. As a static language, HTML provides the foundation for web pages but cannot dynamically change elements on its own. Other scripting languages like JavaScript and PHP are needed to make websites dynamic and responsive. HTML uses tags placed within angle brackets to delineate elements like paragraphs, headings, and links. Tags come in opening and closing pairs to encapsulate content for the browser to interpret and display correctly.
HTML (Hypertext Markup Language) is a language for structuring and presenting content on the web. It uses tags to annotate text and other content within web pages. Key HTML tags include paragraph tags (<p>), heading tags (<h1> through <h6>), lists (<ul>, <ol>, <li>), links (<a href=””>), and images (<img src=””>). Following the three C's of web design - content, code, and creativity - allows developers to effectively structure and present information on web pages using HTML.
XHTML is a stricter version of HTML that is defined as an XML application. It was developed to combine the strengths of HTML and XML. The key differences from HTML are that XHTML documents must have a DOCTYPE, use proper nesting and closing of elements, have elements in lowercase, and have attributes in lowercase with quotes.
This document provides an overview of HTML. It discusses what HTML is, the different versions of HTML, how HTML works by describing the basic structure of an HTML document, and the differences between HTML4 and HTML5. It also outlines some of the most commonly used HTML tags, including block-level tags like <html>, <head>, and <body> as well as inline tags for formatting text and adding images and links. Finally, it reviews some pros of HTML like its wide usage and support, and some cons such as its limitations for dynamic functionality.
Practical eLearning Makeovers for EveryoneBianca Woods
Welcome to Practical eLearning Makeovers for Everyone. In this presentation, we’ll take a look at a bunch of easy-to-use visual design tips and tricks. And we’ll do this by using them to spruce up some eLearning screens that are in dire need of a new look.
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...Designforuminternational
India’s architectural landscape is a vibrant tapestry that weaves together the country's rich cultural heritage and its modern aspirations. From majestic historical structures to cutting-edge contemporary designs, the work of Indian architects is celebrated worldwide. Among the many firms shaping this dynamic field, Design Forum International stands out as a leader in innovative and sustainable architecture. This blog explores some of the best Indian architects, highlighting their contributions and showcasing the most famous architects in India.
Architectural and constructions management experience since 2003 including 18 years located in UAE.
Coordinate and oversee all technical activities relating to architectural and construction projects,
including directing the design team, reviewing drafts and computer models, and approving design
changes.
Organize and typically develop, and review building plans, ensuring that a project meets all safety and
environmental standards.
Prepare feasibility studies, construction contracts, and tender documents with specifications and
tender analyses.
Consulting with clients, work on formulating equipment and labor cost estimates, ensuring a project
meets environmental, safety, structural, zoning, and aesthetic standards.
Monitoring the progress of a project to assess whether or not it is in compliance with building plans
and project deadlines.
Attention to detail, exceptional time management, and strong problem-solving and communication
skills are required for this role.
Explore the essential graphic design tools and software that can elevate your creative projects. Discover industry favorites and innovative solutions for stunning design results.
1. HTML THE LEAST YOU SHOULD KNOW
HTML THE
LEAST YOU
SHOULD KNOW
1
1
2. HTML THE LEAST YOU SHOULD KNOW
HTML is a structured mark-up language
and the predominant mark-up language
for web pages
2
2
3. HTML THE LEAST YOU SHOULD KNOW
HTML is a structured mark-up language
and the predominant mark-up language
for web pages
2
2
4. HTML THE LEAST YOU SHOULD KNOW
HTML is a structured mark-up language
and the predominant mark-up language
for web pages
L
ca ll HTM
people
mon to see a ll HTM
L
t uncom ge, or c
It is no langua
mming .
a progra rogramming
ER
p
aut horing
HO W EV er call
ed
on has ev anythin
g
cificati ge, or
ML sp
e
ng langua
No HT rammi
a prog
HTML
t.
li ke tha
2
2
5. HTML THE LEAST YOU SHOULD KNOW
Basically its a text page marked up
with HTML elements
3
3
6. HTML THE LEAST YOU SHOULD KNOW
Basically its a text page marked up
with HTML elements
es
at describ
e ter m th
a loos
H TML is e b page
ent in f your w
A n elem piece o
nd ividual
each i
3
3
7. HTML THE LEAST YOU SHOULD KNOW
Basically its a text page marked up
with HTML elements
es
at describ
e ter m th
a loos
H TML is e b page
ent in f your w
A n elem piece o
nd ividual
each i
3
3
8. HTML THE LEAST YOU SHOULD KNOW
Basically its a text page marked up
with HTML elements
es
at describ
e ter m th
a loos
H TML is e b page
ent in f your w
A n elem piece o
nd ividual
each i
3
3
9. HTML THE LEAST YOU SHOULD KNOW
An HTML element consists of “tags”
surrounded by angle brackets
4
4
10. HTML THE LEAST YOU SHOULD KNOW
An HTML element consists of “tags”
surrounded by angle brackets
tag
4
4
11. HTML THE LEAST YOU SHOULD KNOW
There are two main kinds of HTML
elements
5
5
12. HTML THE LEAST YOU SHOULD KNOW
There are two main kinds of HTML
elements
1. The HTML container element
5
5
13. HTML THE LEAST YOU SHOULD KNOW
There are two main kinds of HTML
elements
1. The HTML container element
content
opening tag closing tag
5
5
14. HTML THE LEAST YOU SHOULD KNOW
There are two main kinds of HTML
elements
6
6
15. HTML THE LEAST YOU SHOULD KNOW
There are two main kinds of HTML
elements
2. The HTML empty element
6
6
16. HTML THE LEAST YOU SHOULD KNOW
There are two main kinds of HTML
elements
2. The HTML empty element
<br> HTML
6
6
17. HTML THE LEAST YOU SHOULD KNOW
There are two main kinds of HTML
elements
2. The HTML empty element
<br> HTML
<br /> XHTML
In XHTML 1.0 all elements must
be terminated even if their empty
6
6
18. HTML THE LEAST YOU SHOULD KNOW
There are many different types of tags
which can be added to elements to
structure your page
<h1> He ader tag </h1>
<p> Paragraph tag </p>
7
7
19. HTML THE LEAST YOU SHOULD KNOW
You can now use these tags to create a
HTML semantic structure* to your
Document
*Semantic structure means organisation that has meaning
8
8
20. HTML THE LEAST YOU SHOULD KNOW
You can now use these tags to create a
HTML semantic structure* to your
Document
<h1> Main Title </h1>
<h2> Sub head </h2>
<p> Paragraph text eum iriure
dolor in hendrerit in vulputate velit
esse molestie consequat </p>
*Semantic structure means organisation that has meaning
8
8
21. HTML THE LEAST YOU SHOULD KNOW
You can now use these tags to create a
HTML semantic structure* to your
Document
<h1> Main Title </h1>
<h2> Sub head </h2>
<p> Paragraph text eum iriure
dolor in hendrerit in vulputate velit
esse molestie consequat </p>
Google loves a well structured document
*Semantic structure means organisation that has meaning
8
8
22. HTML THE LEAST YOU SHOULD KNOW
HTML semantic structure is the best way
to ensure the greatest accessibility and
widespread availability of web content
Web accessibility refers to the practice of making
websites usable by people of all abilities and
disabilities.
http://en.wikipedia.org/wiki/Web_accessibility
(accessed 5th January 2010)
http://www.queensu.ca/www/wsaguide/writing/structure.html
(accessed 5th January 2010)
http://www.webaim.org/techniques/semanticstructure/
(accessed 5th January 2010)
9
9
23. HTML THE LEAST YOU SHOULD KNOW
Putting it all together
a well structured HTML document
10
10
24. HTML THE LEAST YOU SHOULD KNOW
Putting it all together
a well structured HTML document
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>My first HTML document</TITLE>
</HEAD>
<BODY>
<h1> Main Title </h1>
<h2> Sub head </h2>
<p> Paragraph text eum iriure dolor in hendrerit in vulputate velit esse molestie consequat </p>
</BODY>
</HTML>
10
10
25. HTML THE LEAST YOU SHOULD KNOW
Putting it all together
a well structured HTML document
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>My first HTML document</TITLE>
</HEAD>
<BODY>
<h1> Main Title </h1>
<h2> Sub head </h2>
<p> Paragraph text eum iriure dolor in hendrerit in vulputate velit esse molestie consequat </p>
</BODY>
</HTML>
10
10
26. HTML THE LEAST YOU SHOULD KNOW
A well structured HTML 4 document is
composed of three parts:
11
11
27. HTML THE LEAST YOU SHOULD KNOW
A well structured HTML 4 document is
composed of three parts:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>My first HTML document</TITLE>
</HEAD>
<BODY>
<h1> Main Title </h1>
<h2> Sub head </h2>
<p> Paragraph text eum iriure dolor in hendrerit in vulputate velit esse molestie consequat </p>
</BODY>
</HTML>
11
11
28. HTML THE LEAST YOU SHOULD KNOW
A well structured HTML 4 document is
composed of three parts:
1. a line containing HTML
version information,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
(I’ll talk about DOCTYPE later)
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>My first HTML document</TITLE>
</HEAD>
<BODY>
<h1> Main Title </h1>
<h2> Sub head </h2>
<p> Paragraph text eum iriure dolor in hendrerit in vulputate velit esse molestie consequat </p>
</BODY>
</HTML>
11
11
29. HTML THE LEAST YOU SHOULD KNOW
A well structured HTML 4 document is
composed of three parts:
1. a line containing HTML
version information,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
(I’ll talk about DOCTYPE later)
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD> 2. a declarative header section (delimited* by the HEAD element)
<TITLE>My first HTML document</TITLE>
</HEAD>
<BODY>
<h1> Main Title </h1>
<h2> Sub head </h2>
<p> Paragraph text eum iriure dolor in hendrerit in vulputate velit esse molestie consequat </p>
</BODY>
</HTML>
*A delimiter is a sequence of one or more characters used to specify the boundary between separate, independent regions
11
11
30. HTML THE LEAST YOU SHOULD KNOW
A well structured HTML 4 document is
composed of three parts:
1. a line containing HTML
version information,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
(I’ll talk about DOCTYPE later)
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD> 2. a declarative header section (delimited* by the HEAD element)
<TITLE>My first HTML document</TITLE>
</HEAD>
<BODY> 3. a body, which contains the
<h1> Main Title </h1> document's actual content.
<h2> Sub head </h2>
<p> Paragraph text eum iriure dolor in hendrerit in vulputate velit esse molestie consequat </p>
</BODY>
</HTML>
*A delimiter is a sequence of one or more characters used to specify the boundary between separate, independent regions
11
11
31. HTML THE LEAST YOU SHOULD KNOW
However our well structured HTML 4
document is a bit boring:
12
12
32. HTML THE LEAST YOU SHOULD KNOW
However our well structured HTML 4
document is a bit boring:
12
12
33. HTML THE LEAST YOU SHOULD KNOW
However our well structured HTML 4
document is a bit boring:
We need
graphics
12
12
34. HTML THE LEAST YOU SHOULD KNOW
However our well structured HTML 4
document is a bit boring:
We need
graphics
We need
interactivity
12
12
35. HTML THE LEAST YOU SHOULD KNOW
graphics = presentation
interactivity = behaviour
13
13
36. HTML THE LEAST YOU SHOULD KNOW
Presentation and behaviour are
separate functions
They are added to an HTML document using
stylesheets, graphics and scripts
14
14
38. HTML THE LEAST YOU SHOULD KNOW
structure
HTML
Webpage
content
15
15
39. HTML THE LEAST YOU SHOULD KNOW
structure
HTML
CSS
presentation
Webpage
content
15
15
40. HTML THE LEAST YOU SHOULD KNOW
structure
HTML
CSS
presentation
Webpage
Scripts
behaviour
content
15
15
41. HTML THE LEAST YOU SHOULD KNOW
We have now achieved the
separation of style from content
Meaning our content can be available to
•PDAs
•Mobiles
•People of all abilities and disabilities.
•The future
16
16
42. HTML THE LEAST YOU SHOULD KNOW
Audience
participation
time
17
17
43. HTML THE LEAST YOU SHOULD KNOW
Fill in the blanks
HTML is a structured language
and the predominant language
for web pages
18
18
44. HTML THE LEAST YOU SHOULD KNOW
Fill in the blanks
HTML is a structured Mark-up language
and the predominant Mark-up language
for web pages
18
18
45. HTML THE LEAST YOU SHOULD KNOW
What are the 2 main reasons to
construct HTML documents using a
semantic structure?
19
19
46. HTML THE LEAST YOU SHOULD KNOW
What are the 2 main reasons to
construct HTML documents using a
semantic structure?
Web accessibility
19
19
47. HTML THE LEAST YOU SHOULD KNOW
What are the 2 main reasons to
construct HTML documents using a
semantic structure?
Web accessibility
Google and other
Search engines
love a well structured
document
19
19
48. HTML THE LEAST YOU SHOULD KNOW
Why separate structure, presentation
and behaviour in an HTML document?
20
20
49. HTML THE LEAST YOU SHOULD KNOW
Why separate structure, presentation
and behaviour in an HTML document?
•Redesign in hours instead of days or weeks
20
20
50. HTML THE LEAST YOU SHOULD KNOW
Why separate structure, presentation
and behaviour in an HTML document?
•Redesign in hours instead of days or weeks
•Set up your site to work as well five years from now as
it does today
20
20
51. HTML THE LEAST YOU SHOULD KNOW
Why separate structure, presentation
and behaviour in an HTML document?
•Redesign in hours instead of days or weeks
•Set up your site to work as well five years from now as
it does today
•Stay on the right side of accessibility laws and
guidelines
20
20
52. HTML THE LEAST YOU SHOULD KNOW
Why separate structure, presentation
and behaviour in an HTML document?
•Redesign in hours instead of days or weeks
•Set up your site to work as well five years from now as
it does today
•Stay on the right side of accessibility laws and
guidelines
•Support wireless and PDA users without the hassle and
expense of multiple versions
20
20
53. HTML THE LEAST YOU SHOULD KNOW
Why separate structure, presentation
and behaviour in an HTML document?
•Redesign in hours instead of days or weeks
•Set up your site to work as well five years from now as
it does today
•Stay on the right side of accessibility laws and
guidelines
•Support wireless and PDA users without the hassle and
expense of multiple versions
From Designing with Web Standards
by Jeffrey Zeldman
20
20