HTML11 [생활코딩] HTML - Emmet 활용법 Emmet : 에디터 Atom의 확장프로그램 ※ 포스팅 상의 Emmet 버전은 2.4.3임 Emmet 유용 단축키 Ctrl + / : 블록된 곳을 주석 처리 Ctrl + D : 블록된 곳과 똑같은, 다음 내용을 찾아 다중 선택 Ctrl + Alt + ← 또는 → : 다음 편집 지점으로 커서 이동 Emmet 활용 포인트 예시1 : 부모-자식태그 한 번에 입력 ol>li //왼쪽처럼 입력 후 Tab 결과1 예시2 : 동일태그 여러개 한 번에 입력 li*4 //왼쪽처럼 입력 후 Tab 결과2 예시2-1 : 부모-자식태그를 ()로 묶어서 여러개 한 번에 입력 (li>a)*6 //왼쪽처럼 입력 후 Tab 결과2-1 예시3 : HTML5의 기본틀 한 번에 입력 ! //왼쪽처럼 입력 후 Tab 결과3 Emmet 사용.. 2019. 5. 31. [생활코딩] HTML - DOCTYPE DOCTYPE(Document type declaration) : 문서 형식 선언 HTML에는 다양한 버전이 있는데, HTML5에 들어서면서 모든 버전이 아래 표기로 통일됨. 요약 : HTML 문서 쓸 때 맨 위에 저걸 한 줄 붙이면 됨. 2019. 5. 31. [생활코딩] HTML - 문서의 구조 //head 태그 안에는 부가정보 //body 태그 안에는 본문 태그 설명 title : 웹페이지의 이름 표시 meta + charset : 웹브라우저에게 인코딩 방식을 무엇으로 할지 알려줌 2019. 5. 31. [생활코딩] HTML - 하이퍼텍스트와 속성 예제 오늘의 명언 우리 모두는 자신의 힘으로 발견한 내용을 가장 쉽게 익힌다. (도널드 커누스) 결과 설명 태그 : a 속성 : target, href, title 값 : _blank, 사이트 주소, 상냥한 프로그래머 HTML의 탄생 GML (1960년대 말) SGML SGMLguid HTML (팀 버너스 리) : 태그의 탄생 2019. 5. 29. [생활코딩] HTML - 기술소개, 기본문법 HTML이란? HTML : Hypertext Markup Language 하이퍼텍스트(링크)를 중심으로 하는, 마크업 형식의, 컴퓨터 프로그래밍 언어 언어는 뜻이 정해진 약속/규칙. HTML은 사람과 컴퓨터, 사람과 웹브라우저 간의 약속을 의미. 태그 1. 시작태그 ... 2. 닫는 태그 ... 2019. 5. 29. 이전 1 2 다음
