레이아웃 목차 HTML 레이아웃(Layout) 📌 레이아웃(layout) 이란 특정 공간에 여러 구성 요소를 보기 좋게 효과적으로 배치하는 작업을 의미한다. 웹 페이지의 레이아웃은 웹 사이트의 외관을 결정짓는 매우 중요한 요소이다. HTML에서는 다음과 같은 방법으로 레이아웃을 작성할 수 있다. div 요소를 이용한 레이아웃 HTML5 레이아웃 table 요소를 이용한 레이아웃 div 요소를 이용한 레이아웃 📌 div 요소는 CSS 스타일을 손쉽게 적용할 수 있으므로, 레이아웃을 작성하는데 자주 사용된다. 🔔 예제) div 요소를 이용한 레이아웃 HEADER 영역 NAV 영역 SECTION 영역 FOOTER 영역 실행결과 : HTML5 레이아웃 📌 HTML5에서는 웹 페이지의 레이아웃만을 위한 별도의 새..
문자셋 문자셋(Character set) 웹 브라우저가 HTML 문서를 정확하게 나타내기 위해서는 해당 문서가 어떠한 문자셋으로 저장되었는지를 알아야 한다. 따라서 HTML 문서가 저장될 때 사용된 문자셋에 대한 정보를 태그 내의 태그에 명시한다. HTML4에서 UTF-8의 경우 HTML5에서 UTF-8의 경우 문자셋의 종류 현재 사용되는 대표적인 문자셋(character set)은 다음과 같다. ASCII : 가장 처음 만들어진 문자셋으로, 인터넷에서 사용할 수 있는 127개의 영문자와 숫자로 이루어져 있다.ANSI : 윈도우즈에서 만든 문자셋으로, 총 256개의 문자 코드를 지원한다.ISO-8859-1 : 256개의 문자 코드를 지원하는 HTML4의 기본 문자셋이다.UTF-8 : 세상에 있는 거의 모..
HTML 기초 HTML 이란 ? HTML은 HyperText Markup Language의 약자이다.웹 페이지는 HTML 문서라고도 불리며 HTML 태그들로 구성된다.각각의 HTML 태그는 웹 페이지의 디자인이나 기능을 결정하는데 사용된다. HTML 버전 버전 년도 DOCTYPE 및 설명 HTML 1.0 1991 팀 버나스리(Tim Berners-Lee)가 발표한 최초의 HTML HTML 2.0 1995 국제 표준의 제정된 최초의 HTML HTML 3.2 1997 W3C에 의해 제정된 최초의 HTML HTML 4.01 1999 XHTML 1.0 2000 HTML 5 2014 W3C W3C는 World Wide Web Consortium의 약자이다.W3C는 월드 와이드 웹(WWW)을 위한 표준을 제정하고 ..
목차 엔티티(Entity) HTML에는 미리 예약된 몇몇 문자가 있으며, 이러한 문자를 HTML 예약어(reserved characters)라고 한다. 이러한 HTML 예약어를 HTML 코드에서 사용하면, 웹 브라우저는 그것을 다른 의미로 해석한다. 따라서 HTML 예약어를 기존에 사용하던 의미 그대로 사용하기 위해 별도로 만든 문자셋을 엔티티(entity)라고 한다. 엔티티의 형태는 아래와 같다. &엔티티이름; 또는 &#엔티티숫자; 대표적인 엔티티(entity) 엔티티 문자 엔티티 이름 16진수 엔티티 숫자 설명 공백   줄 바꿈 없는 공백 (Non-breaking Space) > > 보다 큰 & & & AND 기호 " " " 큰 따옴표 ' ' ' 작은 따옴표 엔티티 코드 참고 ..
HTML 실습 환경 준비 GitHub 에서 만든 Atom 다운로드 Sunsetting Atom We are archiving Atom and all projects under the Atom organization for an official sunset on December 15, 2022. github.blog Tag 위의 그림에서 strong라는 것을 HTML에서는 문법적으로 태그라고 한다. 앞에 있는 태그를 열리는 태그 뒤에 있는 태그를 닫히는 태그라고 구분해서 부르기도 한다. 닫히는 태그는 태그명 앞에 / 를 붙인다. 강조 표시 & 밑줄 글씨를 진하게 표시하고 싶은 구간을 과 으로 감싸주면 된다. 밑줄은 underline 글자중 첫 글자를 따와서 와 로 감싸면 된다. 💡 Note. 한글이 깨지면..