body구조,<div>,Block요소와 Inline요소

HTML태그의 구조는 다음과 같다

<header> 머릿말

<nav>네비게이션

<aside>,왼쪽이나 오른쪽 주변, 주로 배너를 다는 곳   <section> 본문, 주제별 글모음,      <article>주제가 없는 글 모음

<footer> 꼬릿말

---

 Block요소와 Inline요소(Element=Tag) 특징

1.줄바꿈 현상 유무(Block O, Inline X)

 

2.width,height 속성 유무(Block O Inline X)

 

3.margin-top, margin-bottom, padding-top, padding-bottom속성 유무 ( Block O Inline X)

 

 Block 요소

<h1>~<h6>, <p>, <header>, <section>, <main>, <aside>, <footer>, <div> 

 

Inline 요소

<span>, <a>, <input>

 

요소의 변경 방법

<style> li{ display: inline; } </style> li태그를 실행하면 줄이 바뀌게 됨

위의 방식을 사용하면 block방식을 Inline방식으로 바꿀 수 있음

 

<div> 란?

박스,컨테이너 같은 것이다.

Block 요소 :콘텐츠를 담을 수 있는 그릇역할을 함, 구역을 만들 때 사용