HTML 기초

이정원·2022년 7월 15일
0

HTML은 tag들의 집합

tag란? 부등호로 묶인 HTML의 기본 구성 요소

HTML은 대부분의 태그는 문장이 끝난 후 닫힌다.

예외는 img태그나 link등은 self-closing tag로 사용되어 여는 tag와 함께 />을 사용하여 닫는다.

*img 태그는 닫는 태그 생략도 가능

div vs span

div 태그는 크기와 상관 없이 한줄 전체를 차지하고, span 태그는 컨텐츠의 크기만큼 공간을 차지한다.

a href 링크 태그 href="주소"로 사용 target ="_blank"속성으로 새창으로 업로드 가능.

ul,li태그 트리 구조의 리스트 형태의 태그 -> ol태그로 바꿨을 때 넘버링이 붙어서 리스트 형식으로 나열된다.

input 태그를 이용한 text박스 radio버튼, checkbox 사용 가능

radio버튼과 checkbox의 차이점

radio버튼은 그룹화하여 사용 가능 그룹화 하지 않을 경우 다중으로 선택 가능, checkbox는 다중 선택 가능

textarea 태그는 줄바꿈이 되는 입력 폼

CSS

여러개의 div태그중 하나의 div 태그만 속성값을 바꾸려면 HTML에 id = ""를 추가하고 CSS에서 #id값으로 사용할 수 있다.

단, id는 한개의 요소만 특정하므로 여러개의 요소를 바꿀때는 class 속성을 이용한다.

class = ""를 HTML코드에 추가한 후 CSS파일에서 .class값으로 사용할 수 있다.

profile
Study.log

0개의 댓글