개발자 지망생의 발전 과정 개발자 지망생의 발전 과정

audio - 소리 삽입을 위한 태그 - 자동으로 닫는 태그 X - 시멘틱 o - autoplay 속성을 부여하여 자동 재생 설정을 할 경우 muted 속성을 같이 부여하여 음소거하는 것이 권장됨(일부 브라우저에서는 자동 재생시 음소거를 하지 않으면 자동 재생을 무시하는 경우가 있음) - 속성 - autoplay : 페이지가 로드되었을 때 자동으로 재생할 것인가에 대한 속성. 속성값을 가지지 않으며 부여된 것으로 의미를 가짐 - controls : 볼륨 조절, 재생 및 일시정지, 장면 탐색 등의 기능을 활성화할 것인가에 대한 설정. 속성값을 가지지 않으며 부여된 것으로 의미를 가짐 - loop : 반복재생할 것인가에 대한 속성. 속성값을 가지지 않으며 부여된 것으로 의미를 가짐 - muted : 음소거할..

article - 원론적으로 문서로부터 분리되어도 그 자체의 의미를 잃지 않고 제 기능을 하는 내용을 담음 - 자동으로 닫는 태그 X - 시멘틱 o - 실질적으로 뉴스 기사, 게시글 등을 담음 aside - 문서의 주된 내용과 직접적 관련이 없는 내용을 담음 - 자동으로 닫는 태그 X - 시멘틱 o div(Divide) - 단순히 구획을 나누는 플로우 컨텐츠 태그, 한줄 전체를 차지, 태그가 끝나면 반드시 줄넘김 - 자동으로 닫는 태그 X - 시멘틱 X footer - 문서의 하단부 내용을 담음 - 필수는 아니지만, 존재하는 게 권장됨, 하나의 HTML 문서에 한개만 있어야 함 - 사이트의 사이트맵(Site Map), 저작권 표기, 제작자(회사, 단체 등)의 정보(연락처, 주소), 사업자 정보 등을 표기..

button - 버튼을 위한 태그 - 자동으로 닫는 태그 X - 시멘틱 o - input은 value에 문자열만 들어가서 이미지는 못보냄, button은 태그의 내용란에 img태그로 이미지를 넣는게 가능함 - 속성 *autofocus : 페이지가 로드되었을 때 자동으로 포커스를 가질 것인가에 대한 속성. 속성 값을 가지지 않으며 부여된 것으로 의미를 가짐 *disabled : 해당 입력 태그를 비활성화 한다. 속성 값을 가지지 않으며 부여된 것으로 의미를 가짐 type : 버튼이 동작할 방식을 지정 submit : [기본값] 양식 제출 버튼으로 작동 button : 아무런 기능이 없는 버튼으로 작동 reset : 초기화 버튼으로 작동 form(양식) - 서버로 전송하고자 하는 사용자 입력 값을 받는 태그..

a - a(Anchor) 태그는 현재 페이지에서 다른 페이지로 이동할 수 있는 링크를 만들기 위해 사용한다. - 자동으로 닫는 태그 x - 시멘틱 O - 속성 href : 이동할 주소 및 경로 target : 이동할 방식 _blank : 새로운 탭에서 이동 _self : 현재 탭에서 바로 이동 네이버 b - b(Bold) 태그는 텍스트를 굵게 만든다. - 자동으로 닫는 태그 x - 시멘틱 x - 단순히 텍스트를 굵게 만들기 위해서는 태그가 아닌 css의 font-weight 속성을 사용해야 함 strong - 텍스트를 굵게 만든다 - 자동으로 닫는 태그 x - 시멘틱 o - 검색 엔진 최적화(SEO, Search Engine Optimization)가 이루어져, 검색 엔진으로 하여금 해당 태그가 가지고 ..

문서 1. html 문서 파일의 기본확장자는 일반적으로 *.html을 사용 2. html 문서를 작성하기 위해 아래와 같은 기본 구조 DOCTYPE html> 해당 html 문서가 html 최신 버전의 표준을 따르고 있다 새로운 최신 버전이 나오면 자동적으로 그걸 따라간다. 꺽쇠를 사용했지만 태그는 아님 해당 html 문서의 모든 내용을 포함 lang="ko" 해당 html 문서가 인간의 어떠한 언어로 작성되어 있는가에 대한 선언 화면에 실질적으로 표시되지 않는, 문서의 제목이나 정보를 포함 html 문서의 인코딩 방식을 UTF-8로 설정한다. html 문서의 제목 설정 화면에 실질적으로 표시되는 내용 포함 주석 1. 문서 실행에 영향을 미치지 않는 간단한 메모 2. html 문법에서 한 줄용 주석은 따..