[HTML] 태그 블록 인라인 요소

기술 창고/HTML

[HTML] 태그 블록 인라인 요소

JayEsEichi 2023. 3. 7. 00:36

728x90

SMALL

<!DOCTYPE html>
<html lang="ko">
    <head> 
        <meta charset="utf-8"> 
        <title>블록 요소 인라인 요소</title> 
    </head>
    <body> 
            <h1>인라인 레벨 요소</h1>
            <a href="">구글</a>
            <a href="">다음</a>
            <em>강조</em> <!-- 기울여쓰기(문자 강조) -->

    </body>
</html>

<!--
    # shift + alt + 아래방향키 = 현재 커서가 위치한 코드를 복제하여 아래로 붙여넣기 한다.

    # 코드 상에서는 개행을 하였지만 실제로 코드를 실행해보면 옆으로 계속해서 출력된는 결과를 확인할 수 있다.
        이것을 인라인이라고 한다.
-->

<a> : href 속성에 적은 주소로 동작을 실행할 수 있는 태그.
<em> : 텍스트를 기울여쓰기 처리하여 강조하는 태그

shift + alt + 아래 방향키로 현재 커서가 위치한 코드를 그대로 복제하여 아래로 붙여넣기 할 수 있다.

범위를 지정해서 실행하면 범위만큼의 코드가 반영이 된다.

코드를 작성할 때에는 h1 태그 밑에 개행을 하여 a 태그와 em 태그를 사용하였지만 결과는 위의 이미지처럼 개행되지 않고 옆으로 붙여서 출력된다.

이것을 인라인이라고 한다.

작성한 코드가 그대로 반영이 되기 위해서는 pre 태그를 사용하거나 다른 방법을 사용해야한다.

728x90

LIST