HTML

HTML Programming codes

Posted on

How to create a Theme for website by HTML and Bootstrap. HTML Form Elements. HTML Forms. HTML Encoding (Character Sets). HTML Symbols. HTML Entities. HTML Iframes. HTML Responsive Web Design. HTML Layouts. HTML Classes. HTML Lists. HTML Tables. HTML Images. HTML Links. HTML Text Formatting Elements. HTML Elements. HTML Basic. HTML Editors. HTML Introduction. Create […]

HTML

How to create a Theme for website by HTML and Bootstrap

Posted on

Create a Theme: “The Band”   Try these codes: <!DOCTYPE html> <html lang=”en”> <head> <!– Theme Made By www.csrockers.in – No Copyright –> <title>Bootstrap Theme The Band</title> <meta charset=”utf-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <link rel=”stylesheet” href=”http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css”> <link href=”http://fonts.googleapis.com/css?family=Lato” rel=”stylesheet” type=”text/css”> <link href=”http://fonts.googleapis.com/css?family=Montserrat” rel=”stylesheet” type=”text/css”> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js”></script> <script src=”http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js”></script> <style> body { font: 400 15px/1.8 Lato, […]

HTML

HTML Form Elements

Posted on

The <select> Element (Drop-Down List) The <select> element defines a drop-down list: Example <select name=”cars”> <option value=”volvo”>Volvo</option> <option value=”saab”>Saab</option> <option value=”fiat”>Fiat</option> <option value=”audi”>Audi</option> </select> The <option> elements defines the options to select. The list will normally show the first item as selected. You can add a selected attribute to define a predefined option. Example <option […]

HTML

HTML Forms

Posted on

Text Input <input type=”text”> defines a one-line input field for text input: Example <form> First name:<br> <input type=”text” name=”firstname”><br> Last name:<br> <input type=”text” name=”lastname”> </form> This is how it will look like in a browser: First name: Last name: Radio Button Input <input type=”radio”> defines a radio button. Example <form> <input type=”radio” name=”gender” value=”male” checked> […]

HTML

HTML Encoding (Character Sets)

Posted on

For HTML4: <meta http-equiv=”Content-Type” content=”text/html;charset=ISO-8859-1″>   For HTML5: <meta charset=”UTF-8″> Differences Between Character Sets The following table displays the differences between the character sets described above: Numb ASCII ANSI 8859 UTF-8 Description 32 space 33 ! ! ! ! exclamation mark 34 “ “ “ “ quotation mark 35 # # # # number sign […]

HTML

HTML Symbols

Posted on

Some Mathematical Symbols Supported by HTML Char Number Entity Description ∀ &#8704; &forall; FOR ALL ∂ &#8706; &part; PARTIAL DIFFERENTIAL ∃ &#8707; &exist; THERE EXISTS ∅ &#8709; &empty; EMPTY SETS ∇ &#8711; &nabla; NABLA ∈ &#8712; &isin; ELEMENT OF ∉ &#8713; &notin; NOT AN ELEMENT OF ∋ &#8715; &ni; CONTAINS AS MEMBER ∏ &#8719; &prod; […]

HTML

HTML Entities

Posted on

HTML Entities Some characters are reserved in HTML. If you use the less than (<) or greater than (>) signs in your text, the browser might mix them with tags. Character entities are used to display reserved characters in HTML. A character entity looks like this: &entity_name;OR &#entity_number; Some Other Useful HTML Character Entities Result […]

HTML

HTML Iframes

Posted on

An iframe is used to display a web page within a web page. Iframe Syntax The syntax for adding an iframe is: <iframe src=”URL“></iframe> The src attribute specifies the URL (web address) of the iframe page. Iframe – Set Height and Width Use the height and width attributes to specify the size. The attribute values […]

HTML

HTML Responsive Web Design

Posted on

What is Responsive Web Design? Responsive Web Design makes your web page look good on all devices (desktops, tablets, and phones). Responsive Web Design is about using CSS and HTML to resize, hide, shrink, enlarge, or move the content to make it look good on any screen: Create Your Own Responsive Design One way to […]

HTML

HTML Layouts

Posted on

HTML Layout Using <div> Elements Example <body> <div id=”header”> <h1>City Gallery</h1> </div> <div id=”nav”> London<br> Paris<br> Tokyo </div> <div id=”section”> <h1>London</h1> <p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p> <p>Standing on the River Thames, London has been […]