HTML Flashcards

1
Q

definition of tags in the syntax(7)

A

<html>-root/ parent tag
<head>-child tag
<body>-container
<title>-title of the web page
<h1>
<p>
<br></br>
</p></h1></title></body></head></html>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Current version of html

A

HTML 5 .1—2nd edition

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

html is introduced _______by in year______

A

Tim Berners Lee
1991

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

(6)definition of <tag></tag>

A
  1. Html tags are like keywords which defines how browser will format and display the content
  2. Helps a web browser to distinguish between html content and simple content
  3. contains three main parts:
    -opening tag
    -content
    -ending tag
  4. some tags do not have ending tag like <br></br>
  5. shd be enclosed within <>
  6. end tag shd have a sp. charac–”/”
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

attributes (4)

syntax

A

1.HTML attributes are special words which provide additional information about the elements
2.Each element or tag can have attributes, which defines the behaviour of that element
3.. always be applied with start tag
4. name and value pair.

syn:

<ele>content</end ele>
</ele>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

features of HTML(8)

A
  1. Platform dependent
  2. Interpreted
  3. Easy to understand
  4. All browsers supports html
  5. Features supports
  6. Flexible
  7. note Programming language
  8. Can be supported by programming languages which make Web browser more dynamic
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

adv of HTML(5)

A
  1. Easy to learn
  2. not case sensitive
  3. execution is easy
  4. compiler is not required
  5. It can be easily integrated with other programming languages
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

disadvantages of html(3)

A
  1. Not secured
  2. Not platform dependent
  3. Errors are not displayed As
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

list

A

collection of data items is called as list
–list items–<li>
—three types:
1. Order list<ol>
2. Unordered list<ul>
3. description list<dl>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

<ol> formats
</ol>

A

Number format(default) - <ol>
Alphabets capital letters -<ol type="A">
Alphabet small letters
Roman capital letters - <ol type="I">
Roman small letters - <ol type="i">

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

<ul> formats
</ul>

A

Disc(default) - <ul>
square-<ul type="list-style-type:circle">
circle
None

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Nested list(3)

A

list inside another list is called as nested list
- nested list can be created for both<ul> and<ol>
- Default type of <ul> is circle(not disc)
-Default of<ol> is number itself

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

selectors(6)

A

1.ele selec–p{—on all para willbe aplied
2.sp.ele selec–p{–only on para without other selectors–only spefically selected ele
3. class selec– .hi{__

<p>--
4. grp selec-- h1,p,h2{\_\_
5.universal selec *{---
6. id selec-- #para{--
<p>\_\_\_</p>
</p>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

How to get single line for a table outline

A

Border-collapse: Collapse;
— This should be written in style tag when :
table, th, td{
_____________
}

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

table–syntax

A

<style>

table, th, td {
border: 1px solid black;
}
<table>
<tr>
<th>\_\_\_</th>
</tr>
<tr>
<td>--</td>
<tr>
</table>
</style>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

text box

A

name:<input></input>

14
Q

How to increase the height of row or column

A

row:
<tr style=”height:200px>
not in th
column:
<th style=”height:200px>
not in tr

15
Q

components of forms (7)

A
  1. Text box or text field
    2 radio button
    3 checkbox (select more than one field)
    4 text area
    5 select(Cannot select more than one field)
    6 upload
    7 buttons
16
Q

<dl>
</dl>

A

adds description to data items

<dt>-data term
<dl>-data item
</dl></dt>

16
Q

table tags(5)

A

<table>
<tr>--table row
<th>--table head
<td>--table data
<style>

---to declare table in head
</style></td></th></tr></table>
16
Q

Border styles(10)

A

Dotted
Dashed
Solid
double
Groove
Ridge
Inset
Outset
None
hidden

16
Q

<caption>
padding
</caption>

A

name of the table– in <table>
size of the cell– in table th, td{

17
Q

XHTML

A
  1. Creating web pages and documents
  2. Similar to H T M L but follows stictor rules of xml
  3. Exhtml is reformulation of html using xml rules
  4. It combines the flexibility of html with syntax of XML this means html documents must adhere to the stricter rules and guidelines
  5. XHTML 1.0 is released in 2000
  6. Its latest version is xhtml5
18
Q

HTML vs xhtml

A

HTML (Hypertext Markup Language) and XHTML (Extensible Hypertext Markup Language) are both markup languages used for creating web pages and documents, but they have some key differences:

  1. Syntax Rules:
    • HTML: HTML is more forgiving of syntax errors. It doesn’t require lowercase tag names, attribute values in quotes, or properly nested elements. In HTML, you can often get away with sloppy code.
    • XHTML: XHTML has stricter rules. All tag names and attribute names must be in lowercase, attribute values must be enclosed in double quotes, and elements must be properly nested and closed. This means you have to write cleaner and more consistent code.
  2. Self-Closing Tags:
    • HTML: In HTML, some elements like <img> and <br> can be left unclosed or use a self-closing syntax (e.g., <img src="image.jpg">).
    • XHTML: In XHTML, all tags must be properly closed, and self-closing tags should end with a “/”. For example, <img src="image.jpg" />.
  3. Document Structure:
    • HTML: In HTML, the document structure can be more lenient, and certain elements like <html>, <head>, and <body> can be omitted without causing issues.
    • XHTML: XHTML enforces a strict document structure, and all essential elements must be present for the document to be well-formed.
  4. Quoting Attributes:
    • HTML: Attribute values in HTML don’t necessarily need to be enclosed in quotes (e.g., <a href=index.html>).
    • XHTML: In XHTML, attribute values must be enclosed in double quotes (e.g., <a href="index.html">).
  5. Error Handling:
    • HTML: Browsers are designed to handle common errors in HTML and often display the page even if there are syntax errors. This leniency can sometimes lead to unexpected results.
    • XHTML: XHTML is less forgiving of errors. Even minor mistakes can result in a page not being displayed correctly. This can make debugging more precise but also less forgiving.
  6. Compatibility:
    • HTML: HTML is widely used and supported across various web browsers and platforms, which makes it a safer choice for general web development.
    • XHTML: While XHTML was designed to be compatible with XML, it saw less adoption and support from web browsers and developers, leading to its decline in popularity.
  7. MIME Types:
    • HTML: HTML is typically served with a “text/html” MIME type.
    • XHTML: XHTML is served with an “application/xhtml+xml” or “application/xml” MIME type.

In summary, XHTML is a stricter, more consistent, and cleaner version of HTML that follows XML rules. It enforces proper syntax and document structure. However, in practice, HTML5 became the dominant standard for web development, and XHTML saw less adoption due to its strict requirements and the greater flexibility provided by HTML5.