HTML(6)

박찬영·2024년 1월 4일

HTML

목록 보기
6/18

1. 태그의 구분

 • 블록 레벨 요소 : 자기가 속한 영역의 너비를 모두 차지하여 블록을 형성
 • 인라인 요소 : 자기에게 필요한 만큼의 공간만 차지
 
   ex) 블록 태그 : p, h1~6
 	   인라인 태그 : strong, em, mark
 

2. 실습

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>태그의 구분과 텍스트 태그</title>
    </head>
    <body>
        <h1>제목을 표시하는 큰 텍스트!</h1>
        <p>
         문단을 나타내는 작은 텍스트!
         <strong>p 태그 안에서 굵게 표시하기</strong>
         중간사이값~~~~~~
         <p>블록 안에 블록을 넣으면 블록 안에 층이 생겨버려요</p>
         <mark>p 태그 안에서 밝게 표시하기</mark>
         중간사이값~~~~~~
        </p>

        <strong>굵은 글자</strong>
        <em>기울어진 글자</em>
        <mark>형광색</mark>

    </body>
</html>

profile
블로그 이전했습니다 -> https://young-code.tistory.com

0개의 댓글