테그 사용법

2022. 1. 29. 14:22패스트 캠퍼스 인강/한 번에 끝내는 프론트엔드 개발 초격차 패키지

728x90

자식 테그, 부모 테그 작성 방식

<태그><태그>내용</태그></태그>

파랑색 부분이 의미하는 것은 빨강색 요소의 자식 요소이다.

빨강색 부분이 의미하는 것은 파랑 요소의 부모 요소이다.

보통 부모 요소는 내어쓰기하고 자식요소는 들여쓰기한다.

들여쓰기 => tab

내어쓰기 => shift + tab

 

 

 

종료 태그가 없는 빈 테그 작성 방식

<태그> : 편리함, html 1, 2, 3, 4, 5에서 사용

<태그 /> : 안전함, xhtml,html 5에서 사용

 

 

 

<태그 속성 = "값">내용</테그>

속성 부분과 값 부분을 이용하여 기능을 확장 할 수 있다.

 

이미지 테그

src 뒤에 이미지 경로를 나타내고

alt뒤에 이미지의 이름 (대체 택스트)가 출력된다.

img 태그를 이용하여 사진 출력하기

 

 

 

 

input 테그

type 값을 지정하여 입력 받을 값을 정할 수 있다.
type 값을 text로 두면 글자를 입력 받을 수 있고
cheakbox로 두면 사용자에 체크 여부를 입력받을 수 있다.

 

728x90