Wednesday, 29 April 2015
html tutorials theory
The document structure is represented by a <body> element in an HTML Web page. The <body> element of a mobile Web application defines the content that are displayed to the user. Some of the elements used in the <body> element of a mobile Web page are as follows:
Layouts
The HTML5 new tags that provide semantics for the layout of an HTML document are as follows:
<article> - An independent portion of the document or site
<aside> - Content that is tangential to the main part of the page or site
<figcaption> - Caption for a figure
<figure> - A figure or quotation pulled out of the flow of text
<footer> - The footer of a document or section
<header> - The header of a document or section
<hgroup> - A group of headings
<nav> - A navigation section
<section> - Identifies a block of content
Images
Images can be used in mobile Web applications for pictorial representation. Almost all mobile browsers understand formats, such as GIF, JPEG, and PNG.
However, images should not be used for setting background, buttons, links, or presenting titles on a mobile Web page. This is because images increase the number of request to the Web server and also load time of the Web page.
The <img> tag is used to display image on a Web page. The attributes of <img> tag, such as width, height, and alt should be specified, as it reduces the rendering time of the imag
Concepts Session 16 Building a Mobile Web Application V 1.1 © zetutorials Limited
Code Snippet 2 demonstrates a mobile Web page with an <img> tag.
Code Snippet 2:
<!DOCTYPE html>
<head>
<title>Images</title>
<meta name=”viewport” content=”width=device-width, user-scalable=no”/>
</head>
<body>
<article>
<h2> Gift Basket </h2>
<img src=”gift.jpg” width=”200” height=”200” alt=”Gift Items” />
</article>
</body>
</html>
The document structure is represented by a <body> element in an HTML Web page. The <body> element of a mobile Web application defines the content that are displayed to the user. Some of the elements used in the <body> element of a mobile Web page are as follows:
Layouts
The HTML5 new tags that provide semantics for the layout of an HTML document are as follows:
<article> - An independent portion of the document or site
<aside> - Content that is tangential to the main part of the page or site
<figcaption> - Caption for a figure
<figure> - A figure or quotation pulled out of the flow of text
<footer> - The footer of a document or section
<header> - The header of a document or section
<hgroup> - A group of headings
<nav> - A navigation section
<section> - Identifies a block of content
Images
Images can be used in mobile Web applications for pictorial representation. Almost all mobile browsers understand formats, such as GIF, JPEG, and PNG.
However, images should not be used for setting background, buttons, links, or presenting titles on a mobile Web page. This is because images increase the number of request to the Web server and also load time of the Web page.
The <img> tag is used to display image on a Web page. The attributes of <img> tag, such as width, height, and alt should be specified, as it reduces the rendering time of the image.
Concepts Session 16 Building a Mobile Web Application V 1.1 © zetutorials Limited
Code Snippet 2 demonstrates a mobile Web page with an <img> tag.
Code Snippet 2:
<!DOCTYPE html>
<head>
<title>Images</title>
<meta name=”viewport” content=”width=device-width, user-scalable=no”/>
</head>
<body>
<article>
<h2> Gift Basket </h2>
<img src=”gift.jpg” width=”200” height=”200” alt=”Gift Items” />
</article>
</body>
</html>
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment