컨테이너 콘테츠나 레이아웃에 아무런 영향도 주지 않는다 다른 요소 여럿을 묶어 관리하기 편한 게 만드는 역할을 하는 요소이다. 콘텐츠 내용을 구분하거나 공통적인 스타일을 적용하고 자 할 때는 컨테이너를 사용하는 것이 좋다 컨테이너 역할을 담당하는 요소를 만드는 태그 : 블록 레벨 컨테이너 : 인라인 컨테이너 전역속성 모든 HTML 태그에서 공통으로 사용할 수 있는 속성 주요한 전역 속성 전역속성 설명 id 요소에 고유한 이름을 부여하는 식별자 역할 class 요소를 그룹 별로 묶을 수 있는 식별자 역할, 다중 부과 가능 style 요소를 적용할 CSS 스타일 선언 title 요소의 추가 정보를 제공하는 텍스트로 툴팁(요소에 마우스르 올렸을때 나오는 말풍선) 제공함 추가 전역 속성 정보 : https://..
텍스트 표시하기 문단 표시하기 : p태그() 문단 요소를 나타내는 태그로 가장 많이 사용되는 텍스트 태그이다 하나의 태그는 하나의 문단을 표시한다 문단과 문단 사이에는 여백이 존재한다 제목 표시하기 : h태그() 제목(표제) 요소를 나타내는 태그이다 숫자와 함께 사용되며 1일때 가장 크고 6일 때 가장 작다 텍스트 사이 구분선 : hr태그() 수평선을 표시하는 태그이다 수평선은 주제 변경 또는 내용 구분을 위해 주로 사용된다. HTML 텍스트의 특징 엔터를 이용한 줄바꿈을 무시한다 스페이스를 이용한 공백은 한 번만 허용한다 줄 바꿈 태그와 공백 문자 줄 바꿈 : br태그( 두 개 이상의 공백을 표시 : → 해당 문자를 공백 대신 넣어준다 요소의 구분과 인라인 텍스트 요소 요소 구분 웹 요소는 블록레벨 요..
HTML 문서의 기본 구조 HTML을 작성할 때는 태그들이 들어가는 구역을 나누는 것이 일반적이다. 문서의 정보를 기입하는 부분 : head 문서의 내용을 기입하는 부분 : body HTML 문서에는 화면에 표시될 콘텐츠 외에 ‘문서 정보’도 포함된다. HTML은 태그를 중심으로 표현하기 때문에 정보와 내용 구분 또한 태그로 해준다! 화면에 표시 될 내용 HTML은 head내부의 코드와 body내부의 코드가 합쳐져 구성이 되므로 두 태그를 아래와 같이 html태그로 묶어서 표현한다. 화면에 표시 될 내용 문서의 타입(DOCTYPE)을 써주어 어떤 타입의 문서 작성하는지 웹브라우저와 웹 시스템에게 전달해 주는 역할을 한다. 화면에 표시 될 내용
HTML 기본 문법 HTML은 웹페이지 어느 부분에 해당되는 콘텐츠가 있어야 할지 나타내는 역할을 한다. 태그 HTML은 ‘태그(Tag)’라 불리우는 표기법을 사용해 역할을 수행한다 태그의 구성 요소는 아래와 같다 태그의 이름(태그명) 여는 태그(시작 태그) 닫는 태그(종료 태그) 내용(콘텐츠) 태그의 형태 콘텐츠 - 앞의 태그명은 여는태그(시작태그) - 뒤의 태그명은 닫는태그 (종료태그) 표시할 내용이 없을때는 내용을 생략하고 사용할 수 있다. 단일 태그의 형태는 아래와 같다 1. 2. 태그 작성지 주의 사항 태그 이름은 소문자로 쓴다. 여는 태그와 닫는 태그를 정확하게 입력한다. 태그의 콘텐츠로 또 다른 태그가 포함될 수 있다. 들여 쓰기를 적절하게 사용하는 것이 좋다.(권장 사항) 코드 가독성이 좋..
HTML의 정의 하이퍼텍스트 마크업 랭귀지(HyperText Markup Language) 하이퍼텍스트 : 하이퍼링크르 통해 어떤 문서에서 다른 문서로 접근할 수 있는 텍스트 마크업 : 표시하다 랭귀지 : 언어 하이퍼텍스트와 콘텐츠를 표시해 주는 언어 HTML은 웹페이지의 콘텐츠를 정의하는 언어 코드를 해석해서 콘텐츠를 표시하는 과정을 렌더링이라고 부르기도 한다! HTML 문서란? HTML는 텍스트이다. 코드를 작성할때는 텍스트편집 전용 프로그램을 사용해서 만들어야 한다 HTML문서는 응용프로그램에 따라 다른 형대로 열린다! (텍스트 편집기는 텍스트로, 웹 브라우저는 우리가 보고 싶어 하는 웹페이지가 보인다!)