HTML

b와 strong i와 em mark small sup 과 sub del ins : code kbd



제목 : h1~6 글씨의 크기를 키우기 위해 사용 하지 않기 문단 : P 컨테이너 역할 block 요소 여백을 주기 위해 사용하지 않기 줄바꿈 : br enter의 역할 빈요소 인용 : q, blockquote q : inline 요소 자동으로 "" 붙여줌 bloackquote : block 요소 자동 들여쓰기 p tag '안'에...

a = anchor a : 하이퍼링크 [속성] 1) href : hyperlink의 주소 입력 절대경로 : 현재 위치 관계 없음 상대경로 : 현재 위치한 파일을 기준 이메일, 전화번호도 작성 가능 2) target _blank : 새로운 탭에서 문서 열림 _self : 링크가 위치한 현재 탭에서 문서 열림 (기본값으로 생략 가능) _pa...

entity = 특수문자 표현 참고 링크 : MDN

컨테이너 : 콘텐츠 분할 div block 요소 span inline 요소 구문 컨텐츠 (줄바꿈 없이 콘텐츠를 구분) 시멘틱 웹 : 요소의 의미를 고려하여 구조를 설계하고 코드를 작성 (이미지 출처)

목록 ol (ordered list) 순서와 순위 구분 기본값은 숫자 속성 ul (unordered list) 순서 구분 x li (list item) 속성 정의 목록 dl(definition list) : 용어 정의 및 설명

table 구성요소? tr(row) th(head) td(data) name age country carrot 19 korea mango 29 korea th(head) 속성 td(data) 속성 name age country ca...

img 필수 요소 : scr 속성 이미지 파일 종류

속성 1 속성 2 속성 3

form : 사용자에게 정보를 입력하게 하는 것 (대화형) action form data를 서버로 보낼 때 해당 데이터가 도착할 url 절대경로/ 상대경로 method post : url에 정보가 추가 되지 않음 get : url에 정보가 추가 됨 ex) 검색 dialog label form 양식에 이름을 붙임 속성 input nam...

text password email tel number range date time submit button reset checkbox radio name placeholder autocomplete required disable readonly step datalist button

Head 역할 : 페이지에 대한 metadata를 포함 하는 것 metadata : 데이터를 설명하는 정보 검색엔진이 문서의 정보를 용이하게 수집하고 분류하기 위한 추가 정보 (필수x, 권고) meta tag : 문서의 정보, 빈요소 속성 속성 title : 문자열만 작성가능, 오직 1개 페이지 제목은 SEO에 큰...

id 문서 전체에서 유일한 고유식별자(id)를 정의 (오직 1개 id에 1개의 이름) 작성 시 공백을 넣으면 안됨 처음 시작은 반드시 영문자로 짓기 class class 구분은 space로 구분함 style CSS 스타일 선언을 담음 외부 스타일을 무시하고 먼저 작