ui developer session1
Post on 11-Sep-2015
231 Views
Preview:
DESCRIPTION
TRANSCRIPT
-
RajeshIntuition Inc.
-
HTML Structure
>
This is the Main Heading
This text might be an introduction to the rest ofthe page. And if the page is a long one it mightbe split up into several sub-headings.
This is a Sub-Heading
Many long articles have sub-headings so to helpyou follow the structure of what is being written.There may even be sub-sub-headings (or lower-levelheadings).
Another Sub-Heading
Here you can see another sub-heading.
-
Tags
Character
Left angle bracket
(Less than Sign)
Right angle bracket
(greater than Sign)
Character in the bracket indicate the tags purpose For example, In the tags above the p stands for paragraph Closing tag has forward slash after the < symbol
-
Attributes
Paragraph in English
Attribute supplies extra information about element content Most attribute values are predefined. Paragraph in English
Attribute name
Attribute value
-
Body, Head and Title Tags
Tag is the main element. Everything inside the element is shown in browser
: Before body tag youll see head tag. This contains information about the page, title and to include any javascript or stylesheets
: Title tag is included inside the head tag and any content inside the title is show as title of the browser window.
-
Headings
HTML has six levels of headings.
is used for main heading, for sub headings. If there are further sections under sub heading is used and, so on so forth
Browsers display the contents of headings at different sizes. is largest and smallest. The size varies based of browser
This is a Main Heading
This is a Level 2 Heading
This is a Level 3 Heading
This is a Level 4 Heading
This is a Level 5 Heading
This is a Level 6 Heading
-
Paragraphs, Bold and Italic
To Create a Paragraph surround the words that makeup Paragraph by tags .
By enclosing words in tags and we can make characters appear bold.
By enclosing the words in tags and we can make characters appear italic
-
Superscript & Subscript
element is used to superscript characters such as dates suffixes and mathematical elements.
element is used to subrscript characters such as foot notes and chemical equations..
-
White Space
When browser comes across two or more spaces next to each other, it only displays one space. Similarly, if there are two or more line breaks, browsers treat them as single space.
-
Line Breaks & Horizontal Rules
Browser shows each paragraph and heading on a new line. But if you wanted to add line break inside a paragraph, you can use line break tag.
To create break between themes, you use tag
-
Semantic Markup: Strong, em
There are some elements that are not intended to affect the structure of web pages, but they do add extra information to web page.
Element is used to indicate Strong Importance.
Element indicates emphasis that subtly changes meaning of sentence.
-
Semantic Markup: Quotations
There are two elements that make up quotations .
Element is used for longer quotes. Browsers indent blockquote.
The element is used for shorter quotes that sit within a paragraph.
-
Semantic Markup: Abbreviations, Address
To Display an Abbreviation or acronym, then element can be used.
Element is used to display Address information
top related