Day 7: Interview Questions of html

 1.  What is HTML?

  • HTML stands for Hyper Text Markup Language.     
  • It is a language of the World Wide Web.   
  • It is a standard text formatting language that can be used to create and show pages on the web.   
  • It can be used to make written text more interactive, and can also turn text into images, tables, etc. 

2. What are Elements?

  • They are composed of 3 main things : A starting tag, its content and an ending tag.     
  • Some elements are unclosed elements.     
  • HTML tags are some text that are used to create elements.     
  • Every HTML element has various properties.
  • Syntax
    <h1> content </h1>     In the above given example, h1 is the element, whereas <h1> and </h1> tags are used to create the h1 element.

3. How do attributes work? What are they used for?

  • Every tag can have additional attributes that alter how a tag acts or is shown.
  • For instance, an <img> tag has src attribute, which is used to provide the path of source of the image to be added.   
  • A tag's type attribute allows you to indicate whether a field is a text field, checkbox, radio button etc.     
  • They are written after the tag's name, and are written inside the two angular brackets.       
  • Always use opening tags or self-closing tags when applying attributes.           
  • Attribute names and it’s values are case sensitive, but it is recommended that they should be written exclusively in lowercase because they are case-sensitive.
  • Syntax
    <elementName attributeName="attributevalue">content inside the element</elementName>

4) In HTML, how do you divide a group of texts?

Below given tags can be used to divide a group of texts in HTML :

  • <p> tag : This tag is used to divide text into different paragraphs.     
  • <br> tag : This tag creates a new line in an HTML document, and transfers flow of content into a new line.

5) How should list components be aligned in an HTML document?

  • Using indents, we may align the list components in an HTML file.You can readily align and identify the multiple lists and the components they contain if you indent each nested list outwardly more than the parent list.
  • Example code for creating nested lists in HTML :

 

  6) When are HTML comments used?

  • You can add code comments to your HTML documents to make the code easier to read. These do not appear in the browser but assist you in leaving notes for yourself and other developers regarding the purpose of a certain HTML section.       
  • Any text in the midst of the comment, even if it contains proper HTML, will be completely ignored.   
  • Syntax for HTML comment : 

    <!-- HTML Comment is written here --

7) Identify a few typical lists that are used in page design.

  • To construct a page, many common lists are used. Any of the following list kinds, alone or in combination, may be chosen:     
  • A numbered format is used to present elements in an ordered list, whereas an unordered list does not follow a numbered form hence it is known as an unordered list.  
  • Ordered list : Denoted by <ol> tag, they display elements in numbered format.
  • Unordered list : Denoted by <ul> tag, they display elements using bullet format. 

8) How do you make an HTML hyperlink?

  • In HTML, a hyperlink connecting one page to another is made using the anchor tag. Images can also have the links added to them.

9) What does HTML formatting mean? 

  • The method of converting text into HTML results in a more appealing appearance and feel. It utilizes several tags to make text bold, add emphasis, and underline text.

10) Is a hyperlink restricted to text only?

  • No, hyperlinks can be used on both text as well as images. A hyperlink that connects one page to another is defined by the HTML anchor tag. The HTML anchor tag's "href" element is its most crucial component.

11) Is <!DOCTYPE html> an HTML tag?

  • No, the <!DOCTYPE html> declaration isn’t an HTML tag.    The first line of any HTML document must be a declaration.     
  • There is no HTML tag in the declaration. The browser receives "information" from this declaration about the document type to expect.   
  • It tells the browser to run in "Standard mode" and avoids behaviour of old browsers.       
  • The <!DOCTYPE> declaration is case insensitive.

12) What would happen if the HTML tags were not separated by any text?

  • If there was no text in between the tags, there would be nothing to format. Nothing will therefore show up on the screen.           
  • Some tags, such as those that don't have a closing tag, like the <img> , <br> tags, don't need any text in between them.

13) In HTML, how do you make nested web pages?

  • Nested web pages are essentially web pages within web pages. The built-in iframe tag in HTML can be used to construct nested web pages. An inline frame is defined by the HTML <iframe> tag.     
  • For example: The code below will generate an iframe with the specified width and height and show the Wikipedia page (whose URL is added in the value of src attribute)

14) How can buttons be added to HTML?

  • To add buttons to an HTML web page, we can utilise the built-in Button tag.
  • For Example:

15) What does HTML's alt property mean?

  • When an image cannot be loaded due to a technical issue, the alt attribute is used to show text in its place.
  • For Example:

  • For people who are blind or visually challenged, screen readers can read out the text in place of the image. As a result, it is a crucial characteristic for accessibility.

16) Explain meta tag

  • A HTML document's metadata is defined via the <meta> tag. Information related to data is referred to as metadata.   
  • The character set, page description, keywords, author of the document, and viewport settings are among the common information that is included in <meta> tags, which are always contained inside the "head" element.   
  • The page will not display any metadata.

Comments

Post a Comment

Popular posts from this blog

else-if condition in if-else statements: Concatenation in JavaScript :

Image
  else-if condition in if-else statements: While specifying conditions for if-else statements, there may arise a need to include more than just two scenarios. For example, suppose we have a variable ‘n’ and we have to check if it is positive or negative. JS code for this problem would look like this: Quite simple, right? However, suppose we twist this problem a bit. If we have to check if the value of ‘n’ is positive, negative, OR zero. Can we do it using only if-else?  No, right? Here comes the scenario where we have to check more than two conditions and give output for each. This is where else-if comes into the game.  Structure of if else-if else looks something like this: If (condition 1)  { statements } else if (condition 2) { statements } else  { statements }   Working for the above code is explained as follows: Condition 1 is checked first. If it is true, statements inside the first block are executed and the remaining conditions are not checked. If t...
Read more

LCM & HCF- Tricks

  Trick-1 As learned in the previous video, the greatest number that will exactly divide x, y, & z is the HCF of x, y, & z. If asked to find out the greatest number that will divide x, y, & z leaving reminders a, b, & c, respectively, the number would be HCF of (x-a), (y-b), and (z-c). Example-  Find the greatest number that will divide the 204 and 327 leaving remainders 4 and 7, respectively. Solution:  Greatest number will be HCF of (204-4) and (327-7) HCF of 200 and 320 = 40 Therefore, 40 will divide 204 and 327 leaving remainders 4 and 7, respectively.   Trick-2 As learned in the previous video, the least number which when divided by x, y, and z leave no remainder is LCM of x, y, and z. The least number which when divided by x, y, and z leave remainders a, b and c, respectively is given by [(LCM of x, y, & z) - k]. Where, k = x-a = y-b = z-c Example-  Find the least number divided by 12, 15, and 20 leaves remainders 4, 7, and 12, respecti...
Read more

Day 9: CSS - Font Formate

Image
p1{  font style: italic, } p2{ font-variant: small-caps; } p3{ font-weight: 400px: } p4{ font-size: 12pt } p5{ font-family:  } ----------------------------------------------------------------------------------------------------------------------- The CSS font-family Property : The font-family property in CSS is used to specify the typeface of a text.      If the font name has more than one word, such as "Times New Roman," quotation marks must be used.        Example: The following code applies a font family to a paragraph using class ids:I        Code :   Output :     The CSS font-size Property : The font-size attribute controls a font's size.      It has an impact on the text size of an element. Every element can use it, and its default value is medium. This attribute has values like xx-small, small, x-small, etc.      Font-size can also be specified in pixels (which sets the f...
Read more