테그 사용법
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
'패스트 캠퍼스 인강 > 한 번에 끝내는 프론트엔드 개발 초격차 패키지' 카테고리의 다른 글
css, js 연결하기 (2) | 2022.01.26 |
---|---|
태그 기본 설명 (0) | 2022.01.25 |
VS Code 단축키 (1) | 2022.01.22 |