html css introduction to it specialist, Slides of Programming Languages

Download html css introduction to it specialist and more Slides Programming Languages in PDF only on Docsity!

IT SPECIALIST EXAM

Preparation.

IT SPECIALIST EXAM

OBJECTIVES

3. Document

Structure using

HTML

2. CSS

Fundamentals

4. Multimedia

Presentation using

HTML

1. HTML

Fundamentals

6. Accessibility,

Readability, and

Testing

5. Webpage

Styling using CSS

TABLE 1.2: HTML element structure Table 1.2 summarizes the basic components of an HTML element.

Some HTML elements are empty, which means that they consist of only a start tag, with no contents and no end tag. The following code shows an element, which is an example of an empty element:

There could be one or many qualities for an element. The start tag contains attributes, which have the format attributeName="attributeValue". An example of a "img" element with a src property can be seen in the code section below. In this case, the attribute's value is "images/leaflet.png." It should be noted that img> lacks an end tag because it is an empty HTML element, similar to hr>. Table 1.3 summarizes the components of an HTML element with an attribute. TABLE 1.3: HTML element attribute structure

Block vs. inline ◇ (^) Block-level elements A Block-level element occupies the entire horizontal space of its parent element (container), and vertical space equal to the height of its contents, thereby creating a "block". Browsers typically display the block-level element with a newline both before and after the element. ◇ Inline elements Inline elements are those which only occupy the space bounded by the tags defining the element, instead of breaking the flow of the content. Note: An inline element does not start on a new line and only takes up as much width as necessary. A block element, also known as a block element, is similar to a paragraph. In the browser window, block items always start on a new line (^7) (Figure 1.4). Block elements include, for instance:

An inline element is like a word within a paragraph. It is a small component that is arranged with other components inside a container. Inline elements appear on the same line as their neighboring elements (Figure 1.4). Examples of inline elements include:

Common HTML elements Blue Is the colour of the clear sky and the deep sea. It is located between violet and green on the optical spectrum.

Common HTML elements Blue Is the colour of the clear sky and the deep sea. It is located between violet and green on the optical spectrum.

Want big impact? Use big image.

Gray HTML - Meta Tags White Black

Examples

Specifying Keywords You can use tag to specify important keywords related to the document and later these keywords are used by the search engines while indexing your webpage for searching purpose. Example