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 |