예제 2-10. <div> 블록과 <span> 인라인
WEB/HTML5-CONCEPT 2017. 11. 4. 18:36 |1. 많이 사용하는 블록 태그, <div>
- <p>와 함께 블록을 구성하기 위해 많이 사용된다. <p> 태그는 문단을 만들기 위해서 사용.
2. 많이 사용하는 인라인 태그, <span>
- <span> 태그는 텍스트 일부분에 특별한 모양을 줄때 사용.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <!DOCTYPE html> <html> <head> <title><div>블록과 <span>인라인</title></head> <body> <h3>사랑</h3> <hr> <div style="background-color:skyblue; padding:20px;"> 내가 사람의 방언과 천사의 말을 할지라도 <span style="color:red">사랑</span>이 없으면 소리 나는 구리와 울리는 꽹과리가 되고, <span style="color:red">사랑</span>이 없으면 아무 것도 아니라. </div> <p> ~우리 서로 사랑하며 살아요~ </p> </body> </html> | cs |
'WEB > HTML5-CONCEPT' 카테고리의 다른 글
| 예제 2-12. <ol>로 라면 끓이는 순서나열. 예제 2-13. <ul>로 좋아하는 음식 나열. 예제 2-14. 중첩 리스트 만들기. (0) | 2017.11.04 |
|---|---|
| 예제 2-11. <img> 태그로 이미지 삽입 (0) | 2017.11.04 |
| 예제 2-9. 텍스트 꾸미기 (0) | 2017.11.04 |
| 예제 2-8. <pre>태그로 개발자의 포맷 그대로 출력 (0) | 2017.11.04 |
| 예제 2-7. 특수문자, 기호, 심볼 삽입 (0) | 2017.11.04 |