1. Do you know which browsers support HTML5?
The latest versions of Google Chrome, Apple Safari, Mozilla Firefox, and Opera all support most of the HTML5 features.
2. Can you name two new tags included in the HTML 5?
<Video> and <audio> are new tags which are included in HTML5 version. They are mainly used as a replacement for Flash, Silverlight, and similar technologies to play multimedia items.
3. Explain me what will happen if you overlap sets of tags?
If two sets of html tags are overlapped, only the first tag will be recognized. You will recognize this problem when the text does not display properly on the browser screen.
4. Explain me what are style sheets?
Style sheets enable you to build consistent, transportable, and well-defined style templates. These templates can be linked to several different web pages, making it easy to maintain and change the look and feel of all the web pages within a site.
5. Can you list some common IE6 bugs and how you dealt with them?
Ie6 is not dead, just ask China which represents a nice chunk of the worlds online population. Your pages should at least be functional on IE6, unless you dont care about half the worlds population.
6. Tell me what other ways can be used to align images and wrap text?
Tables can be used to position text and images. Another useful way to wrap text around an image is to use style sheets.
7. Tell me do older html files work on newer browsers?
Yes, older html files are compliant to the HTML standard. Most older files work on the newer browsers, though some features may not work.
8. Tell me what are the limits of the text field size?
The default size for a text field is around 13 characters, but if you include the size attribute, you can set the size value to be as low as 1. The maximum size value will be determined by the browser width. If the size attribute is set to 0, the size will be set to the default size of 13 characters.
9. Do you know what is a javascript object?
A collection of data containing both properties and methods. Each element in a document is an object. Using the DOM you can get at each of these elements/objects and do some cool sh*t.
10. Tell me do <th> tags always need to come at the start of a row or column?
Any <tr> tag can be changed to a <th> tag. This causes the text contained within the <th> tag to be displayed as bold in the browser. Although <th> tags are mainly used for headings, they do not need to be used exclusively for headings.
11. Tell me do all character entities display properly on all systems?
No, there are some character entities that cannot be displayed when the operating system that the browser is running on does not support the characters. When that happens, these characters are displayed as boxes.
12. Tell me how do you change the number type in the middle of a list?
The <li> tag includes two attributes – type and value. The type attribute can be used to change the numbering type for any list item. The value attribute can change the number index.
13. Can you explain five new input types provided by HTML5 for forms?
Following are the important, new data types offered by HTML5:
☛ Date: It allows the user to select a date.
☛ datetime-local: This input type allows the user to select a date and time without time zone.
☛ datetime: This input type allows the user to select a date and time with time zone.
☛ month: It allows the user to select a month and year
☛ email: These input fields used to contain an e-mail address.
14. Tell me how do you make a picture into a background image of a web page?
To do this, place a tag code after the </head> tag as follows:
<body background = “image.gif”>
Replace image.gif with the name of your image file. This will take the picture and make it the background image of your web page.
15. Suppose if you see a web address on a magazine, to which web page does it point?
Every web page on the web can have a separate web address. Most of these addresses are relative to the top-most web page. The published web address that appears within magazines typically points this top-most page. From this top level page, you can access all other pages within the web site.
16. Tell me how are active links different from normal links?
The default color for normal and active links is blue. Some browsers recognize an active link when the mouse cursor is placed over that link; others recognize active links when the link has the focus. Those that don't have a mouse cursor over that link is considered a normal link.
17. Do you know the difference between visibility:hidden; and display:none;?
Visibility:Hidden; - It is not visible but takes up it's original space.
Display:None; - It is hidden and takes up absolutely no space as if it was never there.
18. Tell me can a single text link point to two different web pages?
No. The <a> tag can accept only a single href attribute, and it can point to only a single web page.
19. Tell me can you change the color of bullets?
The bullet color is always the same as that of the first character in the list litem. If you surround the <li> and the first character with a set of <font> tags with the color attribute set, the bullet color and the first character will be a different color from the text.
20. Tell me what happens if you open the external CSS file in a browser?
If you try to open the external CSS file in a browser, the browser cannot open the file, because the file has a different extension. The only way to use an external CSS file is to reference it using <link/> tag within another html document.
21. Tell us what are two types of Web Storage in HTML5?
Two storage types of HTML5 are:
☛ Session Storage:
It stores data of current session only. It means that the data stored in session storage clears automatically when the browser is closed.
☛ Local Storage:
Local storage is another type of HTML5 Web Storage. In local storage, data is not deleted automatically when the current browser window is closed.
22. Please explain when is it appropriate to use frames?
Frames can make navigating a site much easier. If the main links to the site are located in a frame that appears at the top or along the edge of the browser, the content for those links can be displayed in the remainder of the browser window.
23. Tell me are there instances where text will appear outside of the browser?
By default, the text is wrapped to appear within the browser window. However, if the text is part of a table cell with a defined width, the text could extend beyond the browser window.
24. Tell me how do you create multicolored text in a webpage?
To create text with different colors, use the <font color=”color”>…</font> tags for every character that you want to apply a color. You can use this tag combination as many times as needed, surrounding a single character or an entire word.
25. Tell me what is the advantage of collapsing white space?
White spaces are blank sequence of space characters, which is actually treated as a single space character in html. Because the browser collapses multiple space into a single space, you can indent lines of text without worrying about multiple spaces. This enables you to organize the html code into a much more readable format.
26. Tell me do you know what is the importance of the HTML DOCTYPE?
The doctype declaration should be the very first thing in an HTML document, before the html tag.
The doctype declaration is not an HTML tag; it is an instruction to the web browser about what version of the markup language the page is written in.
The doctype declaration refers to a Document Type Definition (DTD). The DTD specifies the rules for the markup language, so that the browsers can render the content correctly.
27. Tell us do you know which are two semantic tags are included in HTML5 version?
The <article> and <section> tags are two new tags that are included in HTML5. Articles can be composed of multiple sections that can have multiple articles. An article tag represents a full block of content which is a section of a bigger whole.
28. Tell us how do you create a text on a webpage that will allow you to send an email when clicked?
To change a text into a clickable link to send email, use the mailto command within the href tag. The format is as follows:
<A HREF=”mailto:youremailaddress”>text to be clicked</A>
If there is no text between the tags, then there is nothing to format, so no formatting will appear. Some tags, especially tags without a closing tag like the <img> tag, do not require any text between them.
In cases wherein their operating system does not support a particular character, it is still possible to display that character by showing it as an image instead.
31. Tell me can attribute values be set to anything or are there specific values that they accept?
Some attribute values can be set to only predefined values. Other attributes can accept any numerical value that represents the number of pixels for a size.
32. Can you name three ways to define a color in html?
1) Hex
2) RGB
3) Name (ie red)
.colorMe {
color:red;
color:#ff0000;
color:rgb(0,0,255);
}
33. Tell us what are the new FORM elements which is available in HTML5?
The new Form elements in HTML5 offers much better functionality than the earlier versions.
The tags given provided to carry out these functions are:
1) <datalist> – This tag is use to specify a list of options for input controls.
2) <keygen> – This tag represents a key-pair generator field.
3) <output> – It represents the result of any scripting calculation.
34. Tell me are <br> tags the only way to separate sections of text?
No. The
tag is only one way to separate lines of text. Other tags, like the <p> tag and <blockquote> tag, also separate sections of text.
If the list-style-type property is used on a non-list element like a paragraph, the property will be ignored and have no effect on the paragraph.
