본문 바로가기

DATA 분석 교육 과정 (2024.02~08)/HTML

HTML_[body] 본문 태그

728x90
 <!-- 
        1. 제목태그: h(header의 약자)
        2. 크기 굵기 중요도 별로 숫자를 붙여서 사용 >> (h1~h6까지) 
         - 웹페이지 내 속성 확인하여면 f12
         - 코드 내 수정도 가능 
        3. 숫자가 작을수록 글씨가 크고 두껍고 중요하다.
        -->
     <h1>날씨가 맑아요 </h1>
     <h2>날씨가 맑아요 </h2>
     <h3>날씨가 맑아요 </h3>
     <h4>날씨가 맑아요 </h4>
     <h5>날씨가 맑아요 </h5>
     <h6>날씨가 맑아요 나도 해봐야지 </h6>
    
    <!-- 1. 본문태그: p 
        1) p 태그(): 문장으로 나눠서 작성이 된다. 
          단락으로 표현이 되기 때문에 가로 한줄 영역 전부 차지 
          마치 개행이 된 것처럼 보이게 된다. 
     -->

     <p>p 태그로 본문 내용 작성</p>
     <p>p 태그로 본문 내용 작성</p>

     <!-- 2) span 태그 : 연이어서 작성이 된다.
         - 문장으로 표현이 도기 때문에 내가 넣은 내용만큼 영역으로 차지!
         - span태그와 일반텍스트의 차이: 제어가능, 스타일 지정 가능여부
        나중에 특정 요소에 접근해서 기능을 넣여야 하기 때문에 태그를 꼭 사용
         -  내용 수집할 때도 일반 텍스트는 수집할 수 없다. 
     -->
     <span> span 태그로 본문 내용 작성</span>
     <span> span 태그로 본문 내용 작성</span>
     <span> 여기서 줄바꿈 되지요<br> 내용 작성</span>

     <!-- 2. br: break, 개행(줄바꿈 태그) -->

     <!-- 3. hr: 수평선 그려지는 태그 -->
     <hr>
     <!-- 4. b 태그 (bold): 시각적인 강조-->
        <b> 시각적인 강조 </b>
    <!-- 5. strong  -->
     <strong>의미적 강조 : 음성 지원할 시 강조해서 지원</strong>

출처: 스마트인재개발원

728x90
반응형

'DATA 분석 교육 과정 (2024.02~08) > HTML' 카테고리의 다른 글

HTML_[body] form 태그  (0) 2024.04.04
HTML_[body] 테이블 태그  (0) 2024.04.04
HTML_[body] a 태그  (0) 2024.04.04
HTML_[body] 이미지 태그  (0) 2024.04.04
HTML_[body] 리스트 태그  (0) 2024.04.04