Web/HTML

[ h1~h6 ]6단계의 제목(heading) 태그h1이 가장 크고 h6이 가장 작음검색엔진이 heading을 페이지 구조로 인식제목 1제목 2제목 3⚠️ 주의사항- 글자 크기/두께 목적으로 사용 금지 → CSS font-size 사용- h1은 문서 내에 하나만 사용 권장- 계층 순서를 지켜야 함 (h1 → h2 → h3 순서) [ p, hr, br ] : 문단 나눔, 문단과 문단 사이에 빈 줄 생성 : 단순 줄바꿈, 문단 구분 아님 : 수평선 삽입 : 화면에 표시되지 않음, 주석 안에 또 다른 주석 금지문단 내용 [ formatting ]태그설명굵게 (시각적 표현만, 의미 없음)굵게 + 의미적 강조 (권장)기울임기울임 + 의미 강조크게작게아래 첨자위 첨자형광펜 강조 효과 (HTML5)코드 표현키보드 입..

[ form ]form태그는 블록 요소이나 내부의 input, option등은 인라인요소1. 속성1) action입력한 데이터가 전송될 주소URL 입력2) method데이터 전송 방식GET(기본값), POST3) autocomplete자동완성 기능 설정 여부on/off4) novalidate입력양식의 유효성 검증 안함 2. 내부 요소1) datalist입력값 제안datalist의 id 속성의 값은 input요소의 list속성에서 참조2) keygenkey-pair generator유저를 안전하게 인증하기 위함(요즘은 잘 사용하지 않고 세션, 웹토큰 등 사용 )form이 submit될때, private키와 public키가 생성되고, private키는 클라이언트에 저장되고 public 키는 서버로 보내짐3)..

[ HTML5 ]HTML(Hyper Text Markup Language)의 최신 버전HTML5 = HTML + CSS + JavaScript"오픈된 표준을 기반으로 한 웹 어플리케이션 구축 플랫폼"1. 기본 구조 본문 내용 태그설명HTML5 문서 선언문서의 루트(ROOT) 요소메타정보, 스타일, 스크립트 포함 (화면에 표시 안됨)브라우저 탭 제목 표시줄에 표시화면에 실제 표시되는 본문 내용 2. 속성 (Attribute)html 요소에 대한 추가적인 정보를 제공속성값은 항상 시작 태그에 정의name="value" 형식내용글로벌 속성 (모든 요소에 사용 가능)속성설명classCSS 클래스 지정id문서 내 유일한 식별자style인라인 스타일 정의title툴팁 텍스트contentedit..