The basic structure of an HTML document includes tags, which surround content and apply meaning to it.
<html>
<body> Hello World (Content / WebPage)
</body>
</html>
The declaration helps the browser to display a web page correctly or in other words we can say it lets the browser know which flavor of HTML we are using (HTML5 in our case).
Different DOCTYPE
HTML 5
HTML 4.01 Strict
This DTD contains all HTML elements and attributes, but does NOT INCLUDE presentational or deprecated elements (like font). Framesets are not allowed.
HTML 4.01 Transitional
This DTD contains all HTML elements and attributes, INCLUDING presentational and deprecated elements (like font). Framesets are not allowed.
HTML 4.01 Frameset
This DTD is equal to HTML 4.01 Transitional, but allows the use of frameset content.
XHTML 1.0 Strict
This DTD contains all HTML elements and attributes, but does NOT INCLUDE presentational or deprecated elements (like font). Framesets are not allowed. The markup must also be written as well-formed XML.
XHTML 1.0 Transitional
This DTD contains all HTML elements and attributes, INCLUDING presentational and deprecated elements (like font). Framesets are not allowed. The markup must also be written as well-formed XML.
XHTML 1.0 Frameset
This DTD is equal to XHTML 1.0 Transitional, but allows the use of frameset content.
XHTML 1.1
This DTD is equal to XHTML 1.0 Strict, but allows you to add modules (for example to provide ruby support for East-Asian languages).
Lets just get back to the point,
closing tag is an HTML document.The stuff between
is the main content of the document that will appear in the browser window.
Attributes
Tags can also have attributes, which are extra bits of information. Attributes appear inside the opening tag and their values sit inside quotation marks. They look something like
Margarine Elements
Tags tend not to do much more than mark the beginning and end of an element. Elements are the bits that make up web pages. You would say, for example, that everything that is in between (and includes) the
tags is the body element. As another example, whereas "
"</code> and "<code> ""Rumple Stiltskin " is a title element.Basic Tags
Creates an HTML document
Sets off the title and other information that isn’t displayed on the web page itself
Sets off the visible portion of the document
Body Attributes
Sets the background color, using name or hex value
Sets the text color, using name or hex value
Sets the color of links, using name or hex value
Sets the color of followed links, using name or hex value
Sets the color of links on click
Disallows text selection with the mouse and keyboard
Text Tags
Creates preformatted text
Creates the smallest headline
Creates bold text
Creates italic text
Creates teletype, or typewriter-style text
Creates a citation, usually italic
Emphasizes a word (with italic or bold)
Emphasizes a word (with italic or bold)
Sets size of font, from 1 to 7
Sets font color, using name or hex value
Links
Creates a hyperlink
Creates a mailto link
Creates a target location within a document
Links to that target location from elsewhere in the document
Formatting
Creates a new paragraph
Inserts a line break
Indents text from both sides
Precedes each definition term
Precedes each list item, and adds a number or symbol depending upon the type of list selected
Inserts a horizontal rule
Sets size (height) of rule
Sets width of rule, in percentage or absolute value
Creates a rule without a shadow
Tables
Table Attributes
Frames
Replaces the tag in a frames document; can also be nested in other framesets
Defines the rows within a frameset, using number in pixels, or percentage of width
Defines the columns within a frameset, using number in pixels, or percentage of width
Defines a single frame - or region - within a frameset
Frames Attributes
Specifies which HTML document should be displayed
Names the frame, or region, so it may be targeted by other frames
Defines the left and right margins for the frame; must be equal to or greater than 1
Defines the top and bottom margins for the frame; must be equal to or greater than 1
Sets whether the frame has a scrollbar; value may equal “yes,” “no,” or “auto.” The default, as in ordinary documents, is auto.
Prevents the user from resizing a frame
Forms
For functional forms, you’ll have to run a script. The HTML just creates the appearance of a form.
Creates all forms
Creates a scrolling menu. Size sets the number of menu items visible before you need to scroll.
Sets off each menu item
Creates a pulldown menu
Creates a text box area. Columns set the width; rows set the height.
Creates a checkbox. Text follows tag.
Creates a radio button. Text follows tag
Creates a one-line text area. Size sets length, in characters.
Creates a Submit button
Creates an actual button that is clicked
Creates a Submit button using an image
Creates a Reset button.
No comments:
Post a Comment