Html

Only available on StudyMode
  • Topic: HTML, HTML element, Java
  • Pages : 19 (4627 words )
  • Download(s) : 28
  • Published : May 31, 2013
Open Document
Text Preview
What is HTML?
HTML is a language for describing web pages.
HTML stands for Hyper Text Markup Language
HTML is a markup language
A markup language is a set of markup tags
The tags describe document content
HTML documents contain HTML tags and plain text
HTML documents are also called web pages
HTML Tags
HTML markup tags are usually called HTML tags
HTML tags are keywords (tag names) surrounded by angle brackets like <html> •HTML tags normally come in pairs like <b> and </b> •The first tag in a pair is the start tag, the second tag is the end tag •The end tag is written like the start tag, with a forward slash before the tag name •Start and end tags are also called opening tags and closing tags <tagname>content</tagname>

________________________________________
HTML Elements
"HTML tags" and "HTML elements" are often used to describe the same thing. But strictly speaking, an HTML element is everything between the start tag and the end tag, including the tags: HTML Element:

<p>This is a paragraph.</p>
Web Browsers
The purpose of a web browser (such as Google Chrome, Internet Explorer, Firefox, Safari) is to read HTML documents and display them as web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page:

________________________________________
HTML Page Structure
Below is a visualization of an HTML page structure:
<html>
<body>
<h1>This a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
HTML Versions
Since the early days of the web, there have been many versions of HTML: VersionYear
HTML1991
HTML+1993
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML 1.02000
HTML52012
XHTML52013

________________________________________
The <!DOCTYPE> Declaration
The <!DOCTYPE> declaration helps the browser to display a web page correctly. There are many different documents on the web, and a browser can only display an HTML page 100% correctly if it knows the HTML type and version used. HTML Headings

HTML headings are defined with the <h1> to <h6> tags. Example
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3> Try it yourself »

________________________________________
HTML Paragraphs
HTML paragraphs are defined with the <p> tag.
Example
<p>This is a paragraph.</p>
<p>This is another paragraph.</p> Try it yourself »

________________________________________
HTML Links
HTML links are defined with the <a> tag.
Example
<a href="http://www.w3schools.com">This is a link</a> Try it yourself » Note: The link address is specified in the href attribute.
(You will learn about attributes in a later chapter of this tutorial). ________________________________________
HTML Images
HTML images are defined with the <img> tag.
Example
HTML Elements
An HTML element is everything from the start tag to the end tag: Start tag *Element contentEnd tag *
<p>This is a paragraph</p>
<a href="default.htm">This is a link</a>
<br>
* The start tag is often called the opening tag. The end tag is often called the closing tag. ________________________________________
HTML Element Syntax
An HTML element starts with a start tag / opening tag
An HTML element ends with an end tag / closing tag
The element content is everything between the start and the end tag •Some HTML elements have empty content
Empty elements are closed in the start tag
Most HTML elements can have attributes
Tip: You will learn about attributes in the next chapter of this tutorial. ________________________________________
Nested HTML Elements
Most HTML elements can be nested (can contain other HTML elements)....
tracking img