더보기
HTML의 영역 관련 태그에 대해 알아보자
html 문서 기본 설정 단축키: ! + enter
블럭 요소와 인라인 요소
✔️ 블럭 요소: 한 줄 단위로 영역을 차지하는 요소
👉🏻 줄 바꿈이 자동으로 적용되어 이미 존재하는 요소의 다음 줄에 출력
ex: h 태그들, p, pre, ..., "div"
✔️ 인라인 요소: content 영역 (시작 태그와 종료 태그 사이)만 차지하는 요소
👉🏻 줄 바꿈이 자동으로 적용되지 않아 옆으로 연이어서 출력됨
ex: b, s, mark, input, img, label, ..., "span"
div 태그와 span 태그의 차이 1: 줄 바꿈 적용
div 태그 👉🏻 블럭 요소(한 줄 단위 영역 차지)
span 태그 👉🏻 인라인 요소 (content 영역만을 차지)
<h3>div 태그: 블럭요소 (한 줄 단위 영역 차지)</h3>
<div id="div1">첫 번째 영역</div> <div id="div2">두 번째 영역</div> <div id="div3">세 번째 영역</div>
<!-- 블럭 요소: 태그 안의 내용이 한 줄짜리임!-->
<h3> span 태그: 인라인 요소 (content 영역만을 차지) </h3>
<span id="span1">첫 번째 영역</span>
<span id="span2">두 번째 영역</span>
<span id="span3">세 번째 영역</span>
<hr>
div 태그와 span 태그의 차이 2: 영역 지정 방식
div 태그 👉🏻 전체를 감싸는 사각형 박스로 영역을 지정
span 태그 👉🏻 문장 단위로 영역을 지정
<h3>div 태그: 전체를 감싸는 사각형 박스로 영역을 지정</h3>
<div>
설레는 싸인 수 놀이 고동을 아름답고 미인을 것이다. 것은 있는 거선의 이상의 그들의 가는 피는 것이다. 바로 되는 천자만홍이 예가 이 눈에 이것이다. 인간은 청춘은 영락과 일월과 청춘을 얼마나 뿐이다. 용기가 공자는 원질이 그와 앞이 같이, 속에서 싹이 보라. 밥을 꽃 그들의 뜨거운지라, 철환하였는가? 전인 못할 든 것이다. 돋고, 있는 얼마나 싶이 능히 피는 봄날의 인생에 피부가 것이다. 청춘은 천하를 이상의 힘있다. 얼음 아니더면, 속잎나고, 힘있다.
귀는 인간에 인간의 우리의 운다. 열매를 평화스러운 어디 방황하였으며, 있음으로써 그들에게 놀이 피고 것이다. 피가 무엇을 인생을 내는 미묘한 청춘이 부패뿐이다. 맺어, 인생을 오아이스도 실로 앞이 용기가 밥을 가는 것이다. 영락과 공자는 가지에 그것은 위하여 얼마나 못할 끓는다. 만물은 새가 사랑의 아니다. 것은 무엇을 풍부하게 품으며, 칼이다. 않는 그들은 구하기 하였으며, 같은 노년에게서 뿐이다. 날카로우나 대고, 목숨을 가진 아름답고 있다.
그들의 방황하였으며, 옷을 굳세게 가지에 지혜는 이것을 노래하며 있다. 맺어, 이상 꽃이 용기가 피부가 이것이다. 풍부하게 투명하되 소리다.이것은 되는 인간에 가진 미묘한 타오르고 지혜는 것이다. 꽃이 가진 석가는 것이다. 많이 것은 끓는 뛰노는 미인을 이상을 청춘의 창공에 아름다우냐? 구할 때에, 풍부하게 두손을 그들에게 얼음 많이 무한한 위하여서. 뜨거운지라, 유소년에게서 같이, 가는 그러므로 뿐이다. 방황하였으며, 이상, 주며, 위하여서. 이상 무엇을 지혜는 주며, 용기가 쓸쓸하랴? 속에서 못할 위하여 우리의 못할 싹이 이상은 이것이야말로 끓는 봄바람이다. 보는 하였으며, 이상 때에, 뼈 희망의 보라.
</div>
<h3> span 태그: 문장 단위로 영역을 지정</h3>
<span>
설레는 싸인 수 놀이 고동을 아름답고 미인을 것이다. 것은 있는 거선의 이상의 그들의 가는 피는 것이다. 바로 되는 천자만홍이 예가 이 눈에 이것이다. 인간은 청춘은 영락과 일월과 청춘을 얼마나 뿐이다. 용기가 공자는 원질이 그와 앞이 같이, 속에서 싹이 보라. 밥을 꽃 그들의 뜨거운지라, 철환하였는가? 전인 못할 든 것이다. 돋고, 있는 얼마나 싶이 능히 피는 봄날의 인생에 피부가 것이다. 청춘은 천하를 이상의 힘있다. 얼음 아니더면, 속잎나고, 힘있다.
귀는 인간에 인간의 우리의 운다. 열매를 평화스러운 어디 방황하였으며, 있음으로써 그들에게 놀이 피고 것이다. 피가 무엇을 인생을 내는 미묘한 청춘이 부패뿐이다. 맺어, 인생을 오아이스도 실로 앞이 용기가 밥을 가는 것이다. 영락과 공자는 가지에 그것은 위하여 얼마나 못할 끓는다. 만물은 새가 사랑의 아니다. 것은 무엇을 풍부하게 품으며, 칼이다. 않는 그들은 구하기 하였으며, 같은 노년에게서 뿐이다. 날카로우나 대고, 목숨을 가진 아름답고 있다.
그들의 방황하였으며, 옷을 굳세게 가지에 지혜는 이것을 노래하며 있다. 맺어, 이상 꽃이 용기가 피부가 이것이다. 풍부하게 투명하되 소리다.이것은 되는 인간에 가진 미묘한 타오르고 지혜는 것이다. 꽃이 가진 석가는 것이다. 많이 것은 끓는 뛰노는 미인을 이상을 청춘의 창공에 아름다우냐? 구할 때에, 풍부하게 두손을 그들에게 얼음 많이 무한한 위하여서. 뜨거운지라, 유소년에게서 같이, 가는 그러므로 뿐이다. 방황하였으며, 이상, 주며, 위하여서. 이상 무엇을 지혜는 주며, 용기가 쓸쓸하랴? 속에서 못할 위하여 우리의 못할 싹이 이상은 이것이야말로 끓는 봄바람이다. 보는 하였으며, 이상 때에, 뼈 희망의 보라.
</span>
<hr>
무작위 한글 문단 만들기 사이트: 한글입숨
iframe 태그
👉🏻 현재 이 문서 내에 다른 웹페이지를 추가하는 태그
<iframe src="3_표관련태그.html" width="560" height="800"></iframe>
<br><br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/6IPkDrGdg2Q" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>