<!DOCTYPE html> <html> <meta name="viewport"content="width=device-width, initial-scale=1"> <link rel="stylesheet"href="#"> <body> <div class="container green">

Define the character set used: Define a description of your web page: <meta name="description" content="Free Web tutorials"> Define keywords for search engines: <meta name="keywords" content="HTML,

HTML JavaScript JavaScript makes HTML pages more Dynamic and interactive. source The HTML script Tag The script tag is used to define a client side script (JavaScripts). The script element either contains

HTML Iframe an iframes is used to display a web page within a web page. Iframes syntax an HTML iframe is defined with the <iframe> tag: <iframe src="url"></iframe> the src attribute specifies

HTML The id Attribute![workplace( Using The id Attribute The id attribute specifies nique id for an HTML element (the value must be unique within the HTML document). The id value can be used by CSS and

source HTML The class Attribute Using The class Attribute The class attribute specifies one or more class names for an HTML element.The class name can be used by CSS and JavaScript to perform certain tasks

HTML Block and Inline Elements Every HTML element has a default display value depending on what type of element it is. The default display value for most elements is block or inline. Block-level Elements

source HTML Lists  HTML List Example An Unordered List: Item Item Item Item An Ordered List: First item Second item Third item Fourth item Unordered HTML List An unordered list starts with the <ul>

[] CompanyContactCountryAlfreds FutterkisteMaria AndersGermanyCentro comercial MoctezumaFrancisco ChangMexicoErnst HandelRoland MendelAustriaIsland TradingHelen BennettUKLaughing Bacchus WinecellarsYoshi

source HTML Images Images can improve the design and the appearance of a web page. Example <img src="pulpitrock.jpg" alt="Mountain View"> Example <img src="img_girl.jpg" alt="Girl in a jacket">

'Sunny Thoughts' A beautiful day. An hour in the botanical garden makes it even more beautiful. The plants are joyfully enjoying the sunny morning and accepting all the grace that the sun has bestowed

This example links to a style sheet located in the html folder on the current web site: Defines style information for an HTML document HTML Styles - CSS CSS = Styles and Colors Manipulate TextColors,

Comment tags are used to insert comments in the HTML source code. HTML Comment Tags# header You can add comments to your HTML source by using the following syntax: Notice that there is an exclamation point

sourcr HTML Quotation and Citation Elements Quotation Here is a quote from WWF's website: For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF

HTML Text Formatting Text Formatting This text is boldThis text is italicThis is subscript and superscrip HTML Formatting Elements In the previous chapter, you learned about the HTML style attribute.HTML

HTML Styles Example I am Red I am Blue I am Big The HTML Style Attribute Setting the style of an HTML element, can be done with the style attribute. The HTML style attribute has the following syntax: The

Attributes provide additional information about HTML elements. HTML Attributes All HTML elements can have attributes Attributes provide additional informationabout an element Attributes are always specified

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

HTML Basic Examples Don't worry if these examples use tags you have not learned.You will learn about them in the next chapters. HTML Documents All HTML documents must start with a document type declaration:

What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper text markup language HTML describes the structure of web pages using markup HTML elements are the building