본문 바로가기

1.웹개발/HTML

(2)
[HTML] index.html 파일 생성 및 ! emmet 명령어 분석 HTML은 문서이며, 기본 양식이 존재합니다. Hello Wolrd 메모장에 최소한의 코딩만으로도 브라우저에 원하는 내용을 출력 가능합니다. 최소한의 문서 구조를 위해 IDE에 EMMET 명령어를 사용하겠습니다 ! 또는 html:5를 사용해 주세요 아래와 같은 기본서식이 나타나는데요. 한줄씩 설명하겠습니다. 해당 코드는 첫 번째 코드로 모든 HTML 문서의 가장 최상단에 위치해 있어야 합니다. 예전에는 주석만 DOCTYPE 위에 존재해도 에러가 발생했다고 합니다. 역할은, 이 문서가 어떤 버전의 HTML로 만들어졌는지 브라우저에게 선언하는 역할을 합니다. 작성하는 시점은 HTML5 버전이며, 브라우저는 아래 코드들을 HTML5 버전에 따라 해석합니다. DOCTYPE은 HTML 태그가 아니며, 문서의 정보..
HTML block element & inline element element를 이해하기 위해선 태그를 이해해야 합니다. 태그란 Left Angle Braket(또는 Less than) 과 Right Angle Braket (Greater than)으로 이루어진 쌍을 말하며, 한국어로는 여는꺽쇠, 닫는 꺾쇠로 정해진 문자들을 감싼 것을 말합니다. 종류는 1. 시작 태그 2. 종료 태그 3. 빈 태그 등이 있습니다 시작 태그 ex) 종료 태그 ex) 빈 태그 ex) 시작 태그부터 종료 태그 까지를 element(요소)라고 하며, 빈 태그도 요소에 포함됩니다. HTML은 문서를 작성하는 마크업 언어이며, element들의 모음이라고 볼 수 있기 때문에 중요합니다. semantic markup 이란 element를 의미 없게 사용하지 말고, 브라우저와 개발자 모두 의미 있..