1 HTML?
2 html is composed of?
3has 2 main sections
1 Hyper Text Markup Language
2
21Elements (tags) are nested one inside another:
2.2 Tags have attributes(<img src=”logo.jpg” alt=”logo” /)
3 HTML describes structure using two main sections:
<head> and <body>
<html> <head></head> <body></body> </html>
</body></head>
Every block element should start on a 1
* Every nested (block) element should be 2.
1new line.
2 indented
hyperlink tags?
image tags?
3 div?
- (a href=(“http:” title=)
“Telerik site”)This is a link.</a> - (img src=”” alt”logo”/>”
- “<div style=”bakground: gray;”)
heading is limited to h?
2 why e “<!DOCTYPE>” Declaratio?
- h1-h6
2 . tells the web browserof what type the served code (xhtml, html)
XHTML VS HTML
1
XHTML //
- stricter than html,
- - tags n attributes must be in lowercase
**- tags must be closed(br/>)
**- allows one root html element, n XHTMLK loads Faster
`
WHAT AM I
- Contains information that doesn’t show directly on the
viewable page - Starts after the <!doctype> declaration
- Begins with <head> and ends with </head>
- Contains mandatory single <title> tag</title>
- Can contain some other tags, e.g.
- <meta></meta>
<script> </script>
- <style></style>
- <!–- comments –>
1 the head)> section
- the (Tittle) should be placed —-?
- this describe the content within the page
- this can live inthe (head) b=n (body) sections, support Client side languages
- this embeds formatting info into html?
- between head tags
- ( meta) tags
- < script type= ““>sayhello(); (script/)
- (style type=””;};} (/style)
- this exist anywhere in the html tags
- it is the viewable portion of the page
- Comments (!– –)
- (body)
- Link to a document called ?????on the same server in the
**same directory:
**2. * Link to a document called ??? on the same server in
**the parent directory:
**3. Link to a document called ??????? on the same server in the
subdirectory stuff
- form.html
- parent.html
- cat.html
image attributes
- Location of image file (relative or absolute)
- Substitute text for display (e.g. in text mode)
- src
- alt
- how to create list?
- what are the attributes of list?
- how to unordered list?
- what attribute types in unordered?
- <ol type=”1”)
<li) apple </li)
</ol)
2. 4(1, A, a, I or i)
3. <ul type=”disc”)
<li)apol</li)
</ul)
4/ ul has 3 (disc, circle, or square
- whats dl tag?
- whats dt tag?
- whats dd tag?
- definition list, pairs of text b associated definirion
- definition tag
- definition (this describes each term nung nasa dt)
- this elements add a line break before and after them. ex: div
- this elemnt don’t break the text before and after them, ex: span
- Block elements
- Inline element
- this creates a table row
- this creates tabular data
1.. <tr)</tr)
2.<td)</td)
html tables
table rows sa 3 section? what are they
1.1 <thead) // table header
1.2 tbody// denotes collection of table rows that contain very data
1.3 tfoot// comes before the tbody tag
- nested tables format
- tables has 2 important attributes?
- (table)
(tr)(tr)
(td)(td)
(table)
(tr)(tr)
(td)(td)
(table) - Cellspacing(space between cells) & cellpading(around the cell)
Colspan vs Rowspan?
1.1 colspan
- defines how many columns the cell occupies
1.2 rowspan
- how many rows the Cell occupies
html Forms
- method in forms is?
- action in form is?
- method “ tells HOW the form should be sent (get or Post)
- action tells WHERE thw form should be sent
Form Input Controls
??? provide a way to show multiple HTML
documents in a single Web page
* The page can be split into separate views )
horizontally and vertically
* were popular in the early ages of HTML
development, but now their usage is rejected
* are not supported by all user agents
(browsers, search engines, etc.)
- Frames
- this provide a way to show one website inside another website
- inline frames
