[HTML] 태그 블록 인라인 요소
2023. 3. 7. 00:36ㆍ기술 창고/HTML
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
'기술 창고 > HTML' 카테고리의 다른 글
| [HTML] Heading 태그 (0) | 2023.03.07 |
|---|---|
| [HTML] 시멘틱 (semantic) 태그 (0) | 2023.03.07 |
| [HTML] div 태그로 그룹화 (0) | 2023.03.07 |
| [HTML] 텍스트 정의 요소들 (0) | 2023.03.07 |
| [HTML] 기본적인 태그 블록 요소 (0) | 2023.03.07 |