SlideShare ist ein Scribd-Unternehmen logo
1 von 6
Downloaden Sie, um offline zu lesen
HTML
Type of elements
Logical vs Physical
BLOCK and INLINE
BLOCK elements
● Започват и завършват на нов ред;
● Заемат цялата налична ширина
(разпъват се наляво и надясно колкото
могат);
● Имат размери на контейнера;
● Примери:
● <div>, <p>, <h1>, <form>
Inline elements
● Елемента се позиционира в нормалния
поток на документа;
● Не започва и не завършва с нов ред;
● Заема толкова място колко му е
необходимо;
● Примери:
<span>, <a>, <img>
HTML demo
<!DOCTYPE html>
<html>
<head><title>Start page</title></head>
<body>
<h1>Heading 1</h1>
<h3>Subheading</h3>
<p>This is paragraph</p>
</body>
Логически и физически тагове
● <b> vs. <strong>
● <i> vs. <em>
● Форматиращи тагове:
- <small> - <bdo>
- <big> - <mark>
- <sub> - <s>
- <sup> - <strike>
- <pre> - <u>
Logical tags
- <address> - <samp>
- <cite> - <var>
- <abbr> - <code>
- <q> - <dfn>
- <blockquote> - <article>
- <del> - <acronym>
- <ins> - <tt>
- <kbd> - <nav>
- <header> - <footer>
- <main> - <aside>
- <figure> - <figcaption>

Weitere ähnliche Inhalte

Mehr von RaynaITSTEP

Mehr von RaynaITSTEP (20)

Project management professional
Project management professionalProject management professional
Project management professional
 
Project management it step
Project management it stepProject management it step
Project management it step
 
Lean startup
Lean startupLean startup
Lean startup
 
РАБОТА С ОБЕКТА „ЗАЯВКА“ (2)
РАБОТА С ОБЕКТА „ЗАЯВКА“ (2)РАБОТА С ОБЕКТА „ЗАЯВКА“ (2)
РАБОТА С ОБЕКТА „ЗАЯВКА“ (2)
 
DBT_3
DBT_3DBT_3
DBT_3
 
DBT_2
DBT_2DBT_2
DBT_2
 
DBT_1
DBT_1DBT_1
DBT_1
 
monitoring and diagnostics
monitoring and diagnosticsmonitoring and diagnostics
monitoring and diagnostics
 
network security
network securitynetwork security
network security
 
networking
networkingnetworking
networking
 
data security
data securitydata security
data security
 
configuring disk sand drivers
configuring disk sand driversconfiguring disk sand drivers
configuring disk sand drivers
 
boot process
boot process  boot process
boot process
 
install update and migration to windows 10
install update and migration to windows 10install update and migration to windows 10
install update and migration to windows 10
 
virtualization
virtualizationvirtualization
virtualization
 
Фотошоп за деца_4
Фотошоп за деца_4Фотошоп за деца_4
Фотошоп за деца_4
 
Структурни кабелни системи
Структурни кабелни системиСтруктурни кабелни системи
Структурни кабелни системи
 
Android introduction
Android introductionAndroid introduction
Android introduction
 
Adobe Illustrator - Урок 2
Adobe Illustrator - Урок 2Adobe Illustrator - Урок 2
Adobe Illustrator - Урок 2
 
Adobe Illustrator - Обобщение
Adobe Illustrator - ОбобщениеAdobe Illustrator - Обобщение
Adobe Illustrator - Обобщение
 

3block inline

  • 1. HTML Type of elements Logical vs Physical BLOCK and INLINE
  • 2. BLOCK elements ● Започват и завършват на нов ред; ● Заемат цялата налична ширина (разпъват се наляво и надясно колкото могат); ● Имат размери на контейнера; ● Примери: ● <div>, <p>, <h1>, <form>
  • 3. Inline elements ● Елемента се позиционира в нормалния поток на документа; ● Не започва и не завършва с нов ред; ● Заема толкова място колко му е необходимо; ● Примери: <span>, <a>, <img>
  • 4. HTML demo <!DOCTYPE html> <html> <head><title>Start page</title></head> <body> <h1>Heading 1</h1> <h3>Subheading</h3> <p>This is paragraph</p> </body>
  • 5. Логически и физически тагове ● <b> vs. <strong> ● <i> vs. <em> ● Форматиращи тагове: - <small> - <bdo> - <big> - <mark> - <sub> - <s> - <sup> - <strike> - <pre> - <u>
  • 6. Logical tags - <address> - <samp> - <cite> - <var> - <abbr> - <code> - <q> - <dfn> - <blockquote> - <article> - <del> - <acronym> - <ins> - <tt> - <kbd> - <nav> - <header> - <footer> - <main> - <aside> - <figure> - <figcaption>