Language/HTML

[HTML] [6] 태그(5) - <br>, <blockquote>, <audio>, <video>, <span>

1. 줄바꿈을 위해 사용하는 태그이다. 다른 블록 요소 태그들의 내부에 사용하여 줄바꿈을 유도한다. 2. 인용문을 만들 때 사용하는 태그이다. 3. , 음성 데이터를 넣을 때, 영상 데이터를 넣을 때 사용된다. 4. 의미 없는 인라인 요소를 만들 때 사용한다. 주로 CSS를 이용하여 일부분만 장식할 때 사용된다.

[HTML] [5] 태그(4) - <header>, <article>, <section>, <div>, <navigation>

HTML의 태그들은 크게 2가지 부류의 태그들로 나눌 수 있다. 1. 블록 요소: , 처럼 앞뒤에 줄바꿈이 들어가는 블록을 만드는 태그 2. 인라인 요소: , 처럼 텍스트의 일부로서 다뤄지는 태그 3. 그룹 태그: , , 처럼 블록들의 그룹을 지정하는 태그 이 중 그룹 태그는 위의 설명처럼 블록 요소 태그들을 이용하여 여러 정보들을 그룹화하는 태그들을 의미한다. 그룹 태그는 내용을 직접 입력하는 태그가 아니라, 블록 요소들을 그룹화하여 CSS를 사용할 때 한번에 묶음 처리가 될 수 있도록 사용한다고 생각하면 쉽다. 1. 일반적으로 페이지 상부에 로고, 페이지 제목, 메뉴 등을 감쌀때 사용하는 태그이다. 태그와 엄연히 다른 태그이다. 태그는 웹 화면에 보이지 않는 내용을 다루는데 주로 사용하는 반면, 태그..

[HTML] [4] 태그(3) - 입력 양식 만들기

1. 은 입력 양식을 만들기 위한 태그이다. 태그를 이용하여 입력양식을 위한 컨테이너를 만들고, 모든 내부요소를 이 태그 안에 넣는다. 이 태그의 주요 속성은 다음과 같다. 1. action : 데이터의 전송될 페이지를 지정 2. method : 데이터 전송 방법을 지정- 주로 get / post 사용 3. name : 입력 양식의 이름을 지정 2. 태그는 사용자의 입력을 위한 태그이다. 이 태그를 사용하면 텍스트, 메일 주소 등등 다양한 입력값을 설정할 수 있다. 원하는 입력값의 속성을 "?" 부분에 넣으면 사용가능하다. 또한 "placeholder" 속성을 이용하여 텍스트 창에 기본 텍스트를 띄워놓을 수 있다. 1. text : 기본적인 텍스트(기본값) 2. search : 검색 전용 텍스트 3. e..

[HTML] [3] 태그(2) - <ul>, <ol>, <li>, 주석

1. + 은 "unordered list"의 약자로 순서가 없는 리스트 컨테이너를 만드는 태그이다. 해당 태그의 내부에 "list item"의 약자인 태그를 사용하여 무순서 리스트를 생성할 수 있다. 2. + 은 "ordered list"의 약자로 순서가 있는 리스트 컨테이너를 만드는 태그이다. 와 마찬가지로 해당 태그의 내부에 태그를 사용하여 리스트의 항목을 추가할 수 있다. 3. + ( + + ) 테이블을 만들어주는 태그이다. 우선 태그를 통해 테이블 컨테이너를 만들어준다. 태그는 표의 한 행을 감싸는 태그이고, 태그는 표의 제목 셀을 나타내는 태그이다. 태그는 테이블의 데이터를 나타내는 태그이다. 표의 제목 셀을 위한 태그는 필요에 따라 생략할 수도 있다. 태그 내부에 "border" 속성을 추가하..

[HTML] [2] 태그(1) - <h1>, <a>, <img>, <p>

html은 기본적으로 태그(Tag)라는 기호를 사용한다. ~ 의 형태를 띄고 있으며, 해당 '태그종류'에 따라 해당 부분의 역할이 달라진다. 태그 쌍은 시작태그와 종료태그로 구성된다. 예제 소제목 에 대해서, 다음과 같이 3가지로 나누어진다. 1.: 시작태그. 태그의 시작을 나타낸다. 2.예제 소제목: 값. 해당 태그에 어떤 값이 나타나는지 보여준다. 3.: 종료태그. 해당 태그의 종료를 나타낸다. 흔히 사용되는 태그들은 다음과 같다. 1. , , , , , 제목을 보여주는 태그이다. h뒤의 숫자가 커질수록 작은 제목이 된다. 사이트의 구성에 따라 가장 큰 부터 가장 작은 까지 사용할 수 있다. 순서대로 잘 구성된 제목 태그가 해당 페이지의 판단기준 중 하나이므로, 순서대로 잘 ㅏ사용하는 것이 중요하다...

[HTML] [1] html 파일의 골격

HTML이란 "Hyper Text Markup Language"의 약자로, 웹 페이지를 만들 때 사용하는 언어이다. 웹 페이지의 내용을 짜는 가장 기본적인 언어라고 할 수 있다. 웹 페이지에 출력할 문장 등을 ""로 감싼 "태그"라고 부르는 특수한 문자열로 감싸서 만든다. 이 HTML로 이루어진 파일을 CSS를 이용해 옷을 입히고, javascript를 이용해 동작을 구현하면서 웹 페이지가 생성되는 거이다. 모든 태그는 ~로 이루어진다. 웹 페이지의 가장 기본적인 골격(구성요소)는 다음과 같다. 1. 은 독 타입(Doctype) 선언이라고 부르며, 해당 페이지가 어떤 버전의 HTML에 맞게 작성되었는지 나타낸다. 현재 가장 최신 버전은 "HTML5" 이며, 웹 브라우저는 특정 버전이 지정되어있지 않으면 ..