Found 10483 Articles for Web Development

HTML Viewport meta tag for Responsive Web Design

AmitDiwan
Updated on 16-Feb-2021 04:45:27

4K+ Views

The HTML Viewport meta tag is used for creating responsive website. So that web page can adjust its width according to viewport.SyntaxFollowing is the syntax −< meta name=”viewport” content=”width=device-width, initial-scale=1.0” >Attributes of viewport meta tagAttributeExplanationwidthIt specifies the virtual viewport width of the device.heightIt specifies the virtual viewport height of the device.initial-scaleIt specifies the zoom level when the page is first visited.minimum-scaleIt specifies the minimum zoom level to which the user can zoom the page.maximum-scaleIt specifies the maximum zoom level to which the user can zoom the page.user-scalableIt specifies whether the user can zoom in or out.ExampleLet us see an example ... Read More

HTML view Event Property

AmitDiwan
Updated on 16-Feb-2021 04:47:54

107 Views

The HTML view Event property returns a cite to the Window object where the event occured.SyntaxFollowing is the syntax −event.viewExampleLet us see an example of HTML view Event Property −Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: block; ... Read More

HTML Screen pixelDepth Property

AmitDiwan
Updated on 16-Feb-2021 04:51:42

120 Views

The HTML Screen pixelDepth property returns the color resolution of the visitor’s screen.SyntaxFollowing is the syntax −screen.pixelDepthExampleLet us see an example of HTML Screen pixelDepth Property −Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: block;       ... Read More

HTML Screen colorDepth Property

AmitDiwan
Updated on 16-Feb-2021 04:53:12

152 Views

The HTML Screen colorDepth property returns the bit depth of the color palette for displaying images(in bits per pixel).SyntaxFollowing is the syntax −screen.colorDepthExampleLet us see an example of HTML Screen colorDepth Property −Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;     ... Read More

HTML Screen height Property

AmitDiwan
Updated on 16-Feb-2021 04:55:11

191 Views

The HTML Screen height property returns the total height of the user’s screen.SyntaxFollowing is the syntax −screen.heightExampleLet us see an example of HTML Screen height Property -Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: block;       ... Read More

HTML Screen availWidth Property

AmitDiwan
Updated on 16-Feb-2021 04:57:09

127 Views

The HTML Screen availWidth property returns the available width of the user’s screen that means it excludes interface features of the browser.SyntaxFollowing is the syntax −screen.availWidthExampleLet us see an example of HTML Screen availWidth Property −Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: ... Read More

HTML Screen availHeight Property

AmitDiwan
Updated on 16-Feb-2021 04:59:22

225 Views

The HTML Screen availHeight property returns the available height of the user’s screen that means it excludes interface features of the browser.SyntaxFollowing is the syntax −screen.availHeightExampleLet us see an example of HTML Screen availHeight Property:Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%; ... Read More

HTML Links

AmitDiwan
Updated on 17-Feb-2021 05:17:17

688 Views

The HTML Links are hyperlinks that means when you click on a link, it jump son another document.SyntaxFollowing is the syntax −Link ContentHere URL specifies the destination address and it can be either local or external address. target attribute defines where to open the linked document and it can take the following values:ValueExplanation_blankIt opens the linked document in a new tab or window._parentIt opens the linked document in the parent frame._selfIt opens the linked document in the same window._topIt opens the linked document in the full body of the window.ExampleLet us see an example of HTML Links −Live Demo   ... Read More

HTML Text Formatting

AmitDiwan
Updated on 17-Feb-2021 05:23:29

970 Views

The HTML Text Formatting refers to the HTML elements that are designed specially for formatting content in an HTML document.SyntaxFollowing is the syntax −contentFollowing are the text formatting tags in HTML:Sr.No.Tag & Explanation1It specifies bold text in an HTML document.2It specifies emphasized text in an HTML document3It specifies italic text in an HTML document.4It specifies smaller text in an HTML document.5It specifies important text in an HTML document.6It specifies subscripted text in an HTML document.7It specifies superscripted text in an HTML document8It specifies inserted text in an HTML document.9It specifies deleted text in an HTML document.10It specifies highlighted text in ... Read More

HTML reserved Attribute

AmitDiwan
Updated on 17-Feb-2021 05:37:19

368 Views

The HTML reserved attribute define that the list order in ol HTML element should be descending in an HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML reserved Attribute −ExampleLive Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);    } HTML reversed Demo List of subjects: Physics Chemistry Maths Biology Economics Output

Advertisements