inline block elements

1

HTML

БОЯН ИВАНОВ

Типове на елементиЛогически срещу Физически Блокови елементи (block) и елементи в редица (inline)

2Блокови елементи(Block elements)

Започват и завършват на нов ред Заемат цялата налична ширина

(разпъват се наляво и надясно колкото могат)

Имат размери на контейнера Примери: <div>, <p>, <h1>, <form>

3Елементи в редица (Inline elements)

Елемента се позиционира в нормалния поток на документа

Започва на реда, в който е добавен и завършва на същия

Заема толкова място колкото му е необходимо

Примери : <span>, <a>, <img>

4HTML пример<!DOCTYPE html><html>

<head><title>Test page</title></head><body>

<h1>Heading</h1><p>This is a paragraph</p><a href=“#”> with a link</a><br><span>This is a span </span><div> This is a div</div>

</body></html>

5Логически и физически тагове

<b> и <strong> <i> и <em> Форматиращи тагове:• <small>• <big>• <sub>• <sup>• <pre>

• <bdo>• <mark>• <s>• <strike>• <u>

6

7Логически тагове <address> <cite> <abbr> <q> <blockquote> <del> <ins> <kbd> <header> <main> <figure>

<samp> <var> <code> <dfn> <article> <acronym> <tt> <nav> <footer> <aside> <figcaption>

Край...

...Въпроси?

Design

inline block elements