This document provides information on nesting HTML tags correctly, using proper spacing and indentation in HTML documents, and the basics of XHTML and CSS. It discusses how tags must be nested with each closing tag matching the most recently opened tag. It also provides guidelines for formatting HTML documents with newlines and indentation to structure the code. Finally, it introduces XHTML, the stricter version of HTML, and CSS for controlling the style and layout of web pages.
HTML is a markup language that defines the structure and layout of a web page. It uses tags to mark elements like headings, paragraphs, lists, links and images. Dynamic HTML (DHTML) enhances HTML by making web pages more interactive using technologies like CSS, JavaScript and DOM. DHTML allows animating text and images, adding effects like drop-down menus and rollover buttons, and creating browser-based games. It allows dynamically updating web page styles and content in real-time.
This document provides an overview of HTML topics that will be covered in lectures 4, 5, and 6 of a web programming course. It discusses HTML, HTML forms, common HTML tags and their purposes, text formatting tags, images, links, tables, lists, and forms. It also covers iframes, framesets, block and inline elements, the <div> and <span> tags, layouts, and buttons. The document serves as an outline of key HTML concepts and elements that will be explored in more depth during the lectures.
This document provides an introduction to HTML basics, including:
- HTML is used to author web pages and is made up of tags enclosed in angle brackets.
- The objectives are to use a text editor to author HTML, add basic tags, hyperlinks, images and tables.
- Notepad is recommended for Windows and TextEdit for Mac to author HTML files.
Following are the some notes regarding HTML.It will provide you a basic insight in HTML and web designing.
For further, contact us -http://nextgenr.com/
HTML allows users to create web pages. It uses tags to format text, add images and other multimedia, and create hyperlinks. Some key points:
- HTML was created by Tim Berners-Lee in 1989 and standardized in 1997.
- It uses tags enclosed in angle brackets like <p> to format text into paragraphs.
- Common tags include <h1> for main headings, <img> to add images, and <a> for hyperlinks.
- Tables, lists, and forms can be added using <table>, <ul>/<ol>, and <form> tags.
- HTML pages are plain text files that can be viewed on any browser.
HTML is the most widely used language to write web pages. It is a markup language that uses tags to structure text and multimedia content. Some key HTML elements include <head>, <title>, <body>, <p>, <img>, <table>, and <div>. HTML allows embedding of images, hyperlinks, lists, tables, forms, iframes and other interactive elements to create dynamic and engaging web pages. While HTML provides structure and layout, additional technologies like CSS and JavaScript are needed for advanced formatting and interactivity.
HTML is a markup language that defines the structure and layout of a web page. It uses tags to mark elements like headings, paragraphs, lists, links and images. Dynamic HTML (DHTML) enhances HTML by making web pages more interactive using technologies like CSS, JavaScript and DOM. DHTML allows animating text and images, adding effects like drop-down menus and rollover buttons, and creating browser-based games. It allows dynamically updating web page styles and content in real-time.
This document provides an overview of HTML topics that will be covered in lectures 4, 5, and 6 of a web programming course. It discusses HTML, HTML forms, common HTML tags and their purposes, text formatting tags, images, links, tables, lists, and forms. It also covers iframes, framesets, block and inline elements, the <div> and <span> tags, layouts, and buttons. The document serves as an outline of key HTML concepts and elements that will be explored in more depth during the lectures.
This document provides an introduction to HTML basics, including:
- HTML is used to author web pages and is made up of tags enclosed in angle brackets.
- The objectives are to use a text editor to author HTML, add basic tags, hyperlinks, images and tables.
- Notepad is recommended for Windows and TextEdit for Mac to author HTML files.
Following are the some notes regarding HTML.It will provide you a basic insight in HTML and web designing.
For further, contact us -http://nextgenr.com/
HTML allows users to create web pages. It uses tags to format text, add images and other multimedia, and create hyperlinks. Some key points:
- HTML was created by Tim Berners-Lee in 1989 and standardized in 1997.
- It uses tags enclosed in angle brackets like <p> to format text into paragraphs.
- Common tags include <h1> for main headings, <img> to add images, and <a> for hyperlinks.
- Tables, lists, and forms can be added using <table>, <ul>/<ol>, and <form> tags.
- HTML pages are plain text files that can be viewed on any browser.
HTML is the most widely used language to write web pages. It is a markup language that uses tags to structure text and multimedia content. Some key HTML elements include <head>, <title>, <body>, <p>, <img>, <table>, and <div>. HTML allows embedding of images, hyperlinks, lists, tables, forms, iframes and other interactive elements to create dynamic and engaging web pages. While HTML provides structure and layout, additional technologies like CSS and JavaScript are needed for advanced formatting and interactivity.
The document summarizes Workshop #2 on web development hosted by Sohail Asghar and Saad Mustafa. It covers the basics of HTML, CSS, and JavaScript. For HTML, it discusses basic tags like headings, paragraphs, links, images and lists. For CSS, it explains concepts like selectors, colors, backgrounds, borders, fonts, padding, and margins. For JavaScript, it provides introductions to variables, output, data types, and more.
HTML stands for HyperText Markup Language. It is used to design web pages using a markup language. HTML is a combination of Hypertext and Markup language. Hypertext defines the link between web pages. A markup language is used to define the text document within the tag which defines the structure of web pages. This language is used to annotate (make notes for the computer) text so that a machine can understand it and manipulate text accordingly. Most markup languages (e.g. HTML) are human-readable. The language uses tags to define what manipulation has to be done on the text.
HTML stands for HyperText Markup Language. It is used to design web pages using a markup language. HTML is a combination of Hypertext and Markup language. Hypertext defines the link between web pages. A markup language is used to define the text document within the tag which defines the structure of web pages. This language is used to annotate (make notes for the computer) text so that a machine can understand it and manipulate text accordingly. Most markup languages (e.g. HTML) are human-readable. The language uses tags to define what manipulation has to be done on the text.
Web Development covers HTML, CSS, JavaScript, PHP, and MySQL. HTML defines the structure and layout of a web page using tags like <h1> for headings and <p> for paragraphs. Attributes provide extra information about elements, like images using the "src" attribute. Links are created with <a> tags and the "href" attribute. Frames divide pages into multiple sections using the <frameset> tag.
Learn html elements and structure cheatsheet codecademynirmalamanjunath
This document provides a cheatsheet on HTML elements and structure. It defines several key elements like <p>, <img>, <a>, <ul>, <ol>, and <div> and describes their purpose and usage. It also covers HTML concepts like tags, attributes, headings, lists, and linking between pages or sections. The cheatsheet aims to summarize essential information on core HTML elements, tags, and syntax for building webpage structure and content.
HTML is a markup language used to define the structure and layout of web pages. Key points:
- HTML uses tags like <h1> and <p> to describe headings and paragraphs in a web page.
- The <html> tag defines an HTML document, <body> contains visible page content.
- Links are defined with <a> tags, images with <img> tags.
- HTML documents are displayed in web browsers, which interpret the tags but hide them from view.
- HTML is a simple language for structuring information, not a programming language.
- HTML is a markup language used to define the structure and layout of web pages. It uses tags like <h1> and <p> to mark text as headings or paragraphs.
- CSS is used to style HTML elements and control things like colors, fonts, and layout. CSS rules can be applied internally using the style attribute or externally in a .css file.
- HTML links are defined using the <a> tag and href attribute. The href specifies the URL of the linked document. Links allow users to navigate between web pages.
- HTML is a markup language used to define the structure and layout of web pages. It uses tags like <h1> and <p> to mark text as headings or paragraphs.
- CSS is used to style HTML elements and control things like colors, fonts, and layout. CSS rules can be applied internally using the style attribute or externally in separate CSS files.
- HTML links are defined using the <a> tag and the href attribute. The target attribute controls whether links open in the same or new window. Bookmarks are created using the name or id attribute.
XHTML elements are HTML elements written as XML that must follow specific syntax rules. Elements must be properly nested, in lowercase, and closed with end tags. XHTML documents require a root element and empty elements like <br> need closing slashes. Standard elements include headings, paragraphs, horizontal rules, comments and more to structure web pages.
HTML is a markup language used to define the structure and layout of web pages. Key points:
- HTML uses tags like <h1> and <p> to describe headings and paragraphs in a web page.
- The <html> tag defines an HTML document, <body> contains visible page content.
- Links are defined with <a> tags, images with <img> tags.
- HTML documents are displayed in web browsers, which interpret the tags but hide them from view.
- HTML is a simple language for structuring information, not for page layout or formatting.
This document provides an introduction to HTML basics, including how to author an HTML page using a text editor. It outlines objectives like using basic tags for paragraphs and emphasis, creating hyperlinks and images, and using tables and colors. The document then explains HTML tags in more detail and provides examples of how to write HTML code for headings, paragraphs, lists and other common elements.
HTML is a markup language used to define the structure and layout of web pages. HTML uses tags like <h1> and <p> to mark up headings, paragraphs, and other elements. Web browsers read HTML documents and display them as web pages. Common HTML tags include <html> <body> <h1-h6> to define headings, <p> for paragraphs, <a> for links, and <img> to include images. HTML documents contain HTML tags and plain text, and are also called web pages.
This document provides a quick reference for commonly used HTML and XHTML tags, including basic document tags, text formatting tags, lists, images, tables, and rules for proper XHTML and HTML5 syntax. It defines tags like <p> for paragraphs, <strong> for bold text, <img> for images, and <table> for tables. It also outlines requirements for XHTML and HTML5 like lowercasing tags, closing all elements, and including the proper DOCTYPE declaration.
The document provides an overview of HTML (Hypertext Markup Language) including:
1) HTML is a markup language used to describe web pages using tags to structure content like headings, paragraphs, lists, links, images and tables.
2) Various HTML tags are described like <h1>-<h6> for headings, <p> for paragraphs, <b> for bold, <i> for italic, and <a> for links.
3) Additional HTML concepts covered include internal and external CSS, meta tags, images, tables, frames, iframes and cascading style sheets (CSS) for styling content.
The document provides instructions for creating basic HTML links. It explains that the <a> tag is used to define a hyperlink, with the href attribute specifying the link destination. Examples are given of creating links to other websites and bookmarks within the same page. Targets for opening links in new windows are also demonstrated.
HTML is a markup language used to define the structure and layout of web pages. HTML uses tags to mark elements like headings, paragraphs, links, images, and tables. Some key tags include:
<h1> for main headings, <p> for paragraphs, <a> for links, <img> for images, and <table> for tables. Elements are everything between a starting and ending tag. HTML documents contain tags and plain text and are displayed in web browsers.
HTML is a markup language used to create web pages. It uses tags to denote structural elements like headings, paragraphs, lists, and links. Tags are written within angle brackets and indicate how content should be displayed. Common tags include <head> for the document head, <title> for the page title, <body> for the main page content, and <p> for paragraphs. HTML documents are created in a text editor and saved with a .html or .htm file extension.
HTML is a markup language used to define the structure and layout of web pages. Key HTML elements include headings, paragraphs, links, and images. HTML documents are made up of nested elements that each have an opening and closing tag. Attributes provide additional information about elements and come in name/value pairs. Common attributes specify hyperlinks, images, styles, and more. Well-structured HTML is important for both appearance and search engine optimization.
How to Prepare for Fortinet FCP_FAC_AD-6.5 Certification?NWEXAM
Begin Your Preparation Here: https://bit.ly/3VfYStG — Access comprehensive details on the FCP_FAC_AD-6.5 exam guide and excel in the Fortinet Certified Professional - Network Security certification. Gather all essential information including tutorials, practice tests, books, study materials, exam questions, and the syllabus. Solidify your knowledge of Fortinet FCP_FAC_AD-6.5 certification. Discover everything about the FCP_FAC_AD-6.5 exam, including the number of questions, passing percentage, and the time allotted to complete the test.
IT Career Hacks Navigate the Tech Jungle with a RoadmapBase Camp
Feeling overwhelmed by IT options? This presentation unlocks your personalized roadmap! Learn key skills, explore career paths & build your IT dream job strategy. Visit now & navigate the tech world with confidence! Visit https://www.basecamp.com.sg for more details.
The document summarizes Workshop #2 on web development hosted by Sohail Asghar and Saad Mustafa. It covers the basics of HTML, CSS, and JavaScript. For HTML, it discusses basic tags like headings, paragraphs, links, images and lists. For CSS, it explains concepts like selectors, colors, backgrounds, borders, fonts, padding, and margins. For JavaScript, it provides introductions to variables, output, data types, and more.
HTML stands for HyperText Markup Language. It is used to design web pages using a markup language. HTML is a combination of Hypertext and Markup language. Hypertext defines the link between web pages. A markup language is used to define the text document within the tag which defines the structure of web pages. This language is used to annotate (make notes for the computer) text so that a machine can understand it and manipulate text accordingly. Most markup languages (e.g. HTML) are human-readable. The language uses tags to define what manipulation has to be done on the text.
HTML stands for HyperText Markup Language. It is used to design web pages using a markup language. HTML is a combination of Hypertext and Markup language. Hypertext defines the link between web pages. A markup language is used to define the text document within the tag which defines the structure of web pages. This language is used to annotate (make notes for the computer) text so that a machine can understand it and manipulate text accordingly. Most markup languages (e.g. HTML) are human-readable. The language uses tags to define what manipulation has to be done on the text.
Web Development covers HTML, CSS, JavaScript, PHP, and MySQL. HTML defines the structure and layout of a web page using tags like <h1> for headings and <p> for paragraphs. Attributes provide extra information about elements, like images using the "src" attribute. Links are created with <a> tags and the "href" attribute. Frames divide pages into multiple sections using the <frameset> tag.
Learn html elements and structure cheatsheet codecademynirmalamanjunath
This document provides a cheatsheet on HTML elements and structure. It defines several key elements like <p>, <img>, <a>, <ul>, <ol>, and <div> and describes their purpose and usage. It also covers HTML concepts like tags, attributes, headings, lists, and linking between pages or sections. The cheatsheet aims to summarize essential information on core HTML elements, tags, and syntax for building webpage structure and content.
HTML is a markup language used to define the structure and layout of web pages. Key points:
- HTML uses tags like <h1> and <p> to describe headings and paragraphs in a web page.
- The <html> tag defines an HTML document, <body> contains visible page content.
- Links are defined with <a> tags, images with <img> tags.
- HTML documents are displayed in web browsers, which interpret the tags but hide them from view.
- HTML is a simple language for structuring information, not a programming language.
- HTML is a markup language used to define the structure and layout of web pages. It uses tags like <h1> and <p> to mark text as headings or paragraphs.
- CSS is used to style HTML elements and control things like colors, fonts, and layout. CSS rules can be applied internally using the style attribute or externally in a .css file.
- HTML links are defined using the <a> tag and href attribute. The href specifies the URL of the linked document. Links allow users to navigate between web pages.
- HTML is a markup language used to define the structure and layout of web pages. It uses tags like <h1> and <p> to mark text as headings or paragraphs.
- CSS is used to style HTML elements and control things like colors, fonts, and layout. CSS rules can be applied internally using the style attribute or externally in separate CSS files.
- HTML links are defined using the <a> tag and the href attribute. The target attribute controls whether links open in the same or new window. Bookmarks are created using the name or id attribute.
XHTML elements are HTML elements written as XML that must follow specific syntax rules. Elements must be properly nested, in lowercase, and closed with end tags. XHTML documents require a root element and empty elements like <br> need closing slashes. Standard elements include headings, paragraphs, horizontal rules, comments and more to structure web pages.
HTML is a markup language used to define the structure and layout of web pages. Key points:
- HTML uses tags like <h1> and <p> to describe headings and paragraphs in a web page.
- The <html> tag defines an HTML document, <body> contains visible page content.
- Links are defined with <a> tags, images with <img> tags.
- HTML documents are displayed in web browsers, which interpret the tags but hide them from view.
- HTML is a simple language for structuring information, not for page layout or formatting.
This document provides an introduction to HTML basics, including how to author an HTML page using a text editor. It outlines objectives like using basic tags for paragraphs and emphasis, creating hyperlinks and images, and using tables and colors. The document then explains HTML tags in more detail and provides examples of how to write HTML code for headings, paragraphs, lists and other common elements.
HTML is a markup language used to define the structure and layout of web pages. HTML uses tags like <h1> and <p> to mark up headings, paragraphs, and other elements. Web browsers read HTML documents and display them as web pages. Common HTML tags include <html> <body> <h1-h6> to define headings, <p> for paragraphs, <a> for links, and <img> to include images. HTML documents contain HTML tags and plain text, and are also called web pages.
This document provides a quick reference for commonly used HTML and XHTML tags, including basic document tags, text formatting tags, lists, images, tables, and rules for proper XHTML and HTML5 syntax. It defines tags like <p> for paragraphs, <strong> for bold text, <img> for images, and <table> for tables. It also outlines requirements for XHTML and HTML5 like lowercasing tags, closing all elements, and including the proper DOCTYPE declaration.
The document provides an overview of HTML (Hypertext Markup Language) including:
1) HTML is a markup language used to describe web pages using tags to structure content like headings, paragraphs, lists, links, images and tables.
2) Various HTML tags are described like <h1>-<h6> for headings, <p> for paragraphs, <b> for bold, <i> for italic, and <a> for links.
3) Additional HTML concepts covered include internal and external CSS, meta tags, images, tables, frames, iframes and cascading style sheets (CSS) for styling content.
The document provides instructions for creating basic HTML links. It explains that the <a> tag is used to define a hyperlink, with the href attribute specifying the link destination. Examples are given of creating links to other websites and bookmarks within the same page. Targets for opening links in new windows are also demonstrated.
HTML is a markup language used to define the structure and layout of web pages. HTML uses tags to mark elements like headings, paragraphs, links, images, and tables. Some key tags include:
<h1> for main headings, <p> for paragraphs, <a> for links, <img> for images, and <table> for tables. Elements are everything between a starting and ending tag. HTML documents contain tags and plain text and are displayed in web browsers.
HTML is a markup language used to create web pages. It uses tags to denote structural elements like headings, paragraphs, lists, and links. Tags are written within angle brackets and indicate how content should be displayed. Common tags include <head> for the document head, <title> for the page title, <body> for the main page content, and <p> for paragraphs. HTML documents are created in a text editor and saved with a .html or .htm file extension.
HTML is a markup language used to define the structure and layout of web pages. Key HTML elements include headings, paragraphs, links, and images. HTML documents are made up of nested elements that each have an opening and closing tag. Attributes provide additional information about elements and come in name/value pairs. Common attributes specify hyperlinks, images, styles, and more. Well-structured HTML is important for both appearance and search engine optimization.
How to Prepare for Fortinet FCP_FAC_AD-6.5 Certification?NWEXAM
Begin Your Preparation Here: https://bit.ly/3VfYStG — Access comprehensive details on the FCP_FAC_AD-6.5 exam guide and excel in the Fortinet Certified Professional - Network Security certification. Gather all essential information including tutorials, practice tests, books, study materials, exam questions, and the syllabus. Solidify your knowledge of Fortinet FCP_FAC_AD-6.5 certification. Discover everything about the FCP_FAC_AD-6.5 exam, including the number of questions, passing percentage, and the time allotted to complete the test.
IT Career Hacks Navigate the Tech Jungle with a RoadmapBase Camp
Feeling overwhelmed by IT options? This presentation unlocks your personalized roadmap! Learn key skills, explore career paths & build your IT dream job strategy. Visit now & navigate the tech world with confidence! Visit https://www.basecamp.com.sg for more details.
A Guide to a Winning Interview June 2024Bruce Bennett
This webinar is an in-depth review of the interview process. Preparation is a key element to acing an interview. Learn the best approaches from the initial phone screen to the face-to-face meeting with the hiring manager. You will hear great answers to several standard questions, including the dreaded “Tell Me About Yourself”.
Learnings from Successful Jobs SearchersBruce Bennett
Are you interested to know what actions help in a job search? This webinar is the summary of several individuals who discussed their job search journey for others to follow. You will learn there are common actions that helped them succeed in their quest for gainful employment.
Leadership Ambassador club Adventist modulekakomaeric00
Aims to equip people who aspire to become leaders with good qualities,and with Christian values and morals as per Biblical teachings.The you who aspire to be leaders should first read and understand what the ambassador module for leadership says about leadership and marry that to what the bible says.Christians sh
Joyce M Sullivan, Founder & CEO of SocMediaFin, Inc. shares her "Five Questions - The Story of You", "Reflections - What Matters to You?" and "The Three Circle Exercise" to guide those evaluating what their next move may be in their careers.
In the intricate tapestry of life, connections serve as the vibrant threads that weave together opportunities, experiences, and growth. Whether in personal or professional spheres, the ability to forge meaningful connections opens doors to a multitude of possibilities, propelling individuals toward success and fulfillment.
Eirini is an HR professional with strong passion for technology and semiconductors industry in particular. She started her career as a software recruiter in 2012, and developed an interest for business development, talent enablement and innovation which later got her setting up the concept of Software Community Management in ASML, and to Developer Relations today. She holds a bachelor degree in Lifelong Learning and an MBA specialised in Strategic Human Resources Management. She is a world citizen, having grown up in Greece, she studied and kickstarted her career in The Netherlands and can currently be found in Santa Clara, CA.
Jill Pizzola's Tenure as Senior Talent Acquisition Partner at THOMSON REUTERS...dsnow9802
Jill Pizzola's tenure as Senior Talent Acquisition Partner at THOMSON REUTERS in Marlton, New Jersey, from 2018 to 2023, was marked by innovation and excellence.
2. 2
Nesting Tags
How do you write the following in HTML?
The wrong way:
This is <strong>really, <em>REALLY</strong> fun</em>!
This is <strong>really,</strong>
<em><strong>REALLY</strong> fun</em>!
Tags must be correctly nested.
A closing tag must match the most recently opened tag.
The right way:
3. 3
Spacing And Indentation
Which tag is not closed?
<html><head><title>Can you find it?</title></head>
<body><p><ul><li>Not it!</li><li><ol><li>Is it here?
</li><li>Or maybe it's this one?</li></ol></li><li>
More words here</li><li>This is very hard to
read</li></p></body></html>
4. 4
How About Now?
<html>
<head>
<title>Can you find it?</title>
</head>
<body>
<p>
<ul>
<li>Not it!</li>
<li>
<ol>
<li>Is it here?</li>
<li>Or maybe it's this one?</li>
</ol>
</li>
<li>More words here</li>
<li>This is very hard to read</li>
</p>
</body>
</html>
5. 5
Spacing And Indentation Guidelines
If the tag's content fits on one line, open and close
the tag on the same line.
Otherwise, the tag's content should be indented
more than the starting and closing tags.
If the starting and closing tags are on separate lines,
they should line up vertically, like above.
<li>Is it here</li>
<ol>
<li>Is it here?</li>
<li>Or maybe this tag is not closed?</li>
</ol>
6. 6
Spacing And Indentation Guidelines
Use newlines to structure the HTML.
The wrong way:
The right way:
<ol>
<li>Item 1</li><li>Item 2</li><li>Item 3</li>
</ol>
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
7. 7
Extensible HTML: XHTML
Newer version of HTML, standardized in 2000
XHTML tags must always be …
… in lowercase
… closed
… nested properly
XHTML 1.0 Strict is the standard we will be using.
Reference: http://www.december.com/html/x1/
8. 8
Why Use Standards?
Ensure interoperability across different browsers
Can easily verify if standards-compliant
XHTML Validation Service: http://validator.w3.org/
Alas, not all web browsers (particularly Internet
Explorer) adhere to the standards
http://www.webdevout.net/browser-support-summary
9. 9
Basic XHTML Template
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>page title goes here</title>
</head>
<body>
page content goes here
</body>
</html>
11. 11
Block vs. Inline Elements
Block elements create "larger" structures than inline
elements.
In general,
block elements may contain text, inline elements, and other
block elements.
inline elements may contain only text and other inline
elements.
Block elements begin on new lines, inline elements
do not.
12. 12
Block or Inline?
Block
h1, h2, ..., h6
p
ul, ol
hr
Inline
br
em
strong
a
img
16. 16
Why Important?
Elements allowed
in body element
Only block
elements are
directly allowed
inside the body
element.
Image snapshot from XHTML 1.0 Strict Reference http://www.december.com/html/x1/element/body.html
17. 17
What About Links?
Allowable content for body:
Illegal:
How can a web page have links?
One solution is to put the link in a block element.
<body>
<a href="http://www.yahoo.com">Yahoo!</a>
</body>
No a!
<body>
<p><a href="http://www.yahoo.com">Yahoo!</a></p>
</body>
18. 18
Images In XHTML
Requires an alt attribute describing the image
<p>
<img src="hamster.jpg" alt="Hamster eating carrot" />
</p>
Image missing:
Image present:
19. 19
XHTML Validation
Make sure your files validate!
XHTML Validation Service: http://validator.w3.org/
When fixing errors, fix the first error and then try
validating again.
For example, a single missing closing tag might be
confused for several errors.
Validation does not check for proper indentation.
21. 21
HTML/XHTML Resources
W3Schools HTML Tutorial
http://www.w3schools.com/html/default.asp
W3Schools XHTML Tutorial
http://www.w3schools.com/xhtml/default.asp
Complete list of HTML tags
http://www.w3schools.com/tags/default.asp
XHTML 1.0 Strict Reference
http://www.december.com/html/x1/
22. 22
Cascading Style Sheets (CSS)
Describe the appearance, layout, and
presentation of information on a web page
Describe how information is to be displayed,
not what is being displayed
23. 23
Basic CSS Rule
A CSS file contains one or more rules.
Rule syntax:
selector: HTML element you wish to style
property: attribute you wish to change
selector {
property: value;
property: value;
...
property: value;
}
25. 25
Color Properties
color: color of the element's text
background-color: color that will appear behind
the element
26. 26
Colors
Colors are defined by three numbers (from 0 to 255) representing the
amount of red, green, and blue (RGB)
Can specify colors by:
Pre-defined name
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive,
purple, red, silver, teal, white, yellow
RGB triplet
rgb(R,G,B) where R, G, and B are each numbers from 0 to 255
RGB triplet in hexadecimal format*
#RRGGBB where RR, GG, BB are the red, green, and blue values in
hexadecimal
ColorSchemer: http://www.colorschemer.com/online.html
*You do not need to understand hexadecimal.
28. 28
More Properties: Font
font-family: which font will be used
font-size: how large the letters will be drawn
font-style: used to enable/disable italic style
font-weight: used to enable/disable bold style
For examples on how to set these and other
properties, see:
http://www.w3schools.com/css/css_reference.asp
http://www.tizag.com/cssT/reference.php
29. 29
Attaching a CSS File: <link />
Copy the rel and type attributes and their
corresponding values verbatim
Use the href attribute to specify the location of a
stylesheet file
Path location may be absolute or relative
<head>
<title>...</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>