8. 컨테이너 그리고 전역 속성

컨테이너 태그

컨테이너: 콘텐츠나 레이아웃에 아무런 영향도 주지 않고, 단지 다른 요소 여럿을 묶어 관리하기 편하게 만드는 역할을 하는 태그
콘텐츠 내용을 구분하거나, 공통적인 스타일을 적용하고자 할 때 사용
< div>< /div>: 블록 컨테이너
< span>< /span>: 인라인 컨테이너

전역속성(Global attributes)

모든 HTML태그에서 공통으로 사용할 수 있는 속성
속성: 태그의 부가적인 기능을 정의하는 것.
시작 태그의 내부에 정의. 개수 제한x
<태그명 속성명 = "속성값" 속성명 = "속성값" >콘텐츠</태그명>

대표적인 전역 속성들

id: 요소에 고유한 이름을 부여하는 식별자 역할 속성
class: 요소를 그룹별로 묶을 수 있는 식별자 역할 속성
style: 요소에 적용할 CSS 스타일을 선언하는 속성
title: 요소의 추가 정보를 제공하는 텍스트 속성. 사용자에게 툴팁제공.

9. 링크 만들기

링크

현재 문서에서 다른 문서로 이동할 수 있는 수단

anchor

a태그 요소
href속성: 다른 페이지, 전화번호, 이메일 주소와 그 외 다른 url로 연결할 수 있는 링크(연결)를 만든다.
인라인 요소
콘텐츠는 주로 링크의 목적지를 나타냄
target속성: 새로운 문서를 열 때 현재 탭( self)에서 열지, 새로운 탭( blank)에서 열지 결정

10. 목록 표시하기

목록

연관있는 항목(item)들을 나열한 것

순서없는 목록(Unordered List): < ul>< /ul> 블록요소
순서있는 목록(Orderd List): < ol>< /ol> 블록요소

항목 태그

< li>태그: 목록에 들어가는 항목 하나 하나를 표현할 때 사용. 블록 요소.

11. 입력 요소 만들기

input 태그

name식별자 추가 가능

type 속성

type값에 따라 입력요소의 형태나 입력 데이터 유형 등이 달라짐
기본값은 text
type값이 달라짐에 따라 적용할 수 있는 추가 속성의 종류도 차이있음

12. select 그리고 textarea

select

다수의 옵션(선택지)을 포함할 수 있는 선택 메뉴
인라인 요소

option태그: 메뉴안에 포함되는 옵션 표현
name 지정 가능
각각의 option에는 value속성 지정 가능
value속성: 실제로 처리될 값

textarea

여러줄의 일반 텍스트를 입력할 수 있는 입력 요소
name 지정 가능
인라인 요소

13. 폼(form) Part1. 서버와 클라이언트

form

사용자가 입력한 데이터(입력값)를 서버로 보내기 위해 사용하는 태그

서버

정보를 제공하는 호스트(host)
클라이언트(사용자)가 요청을 하면, 서버는 그에 대한 응답을 정보를 제공
클라이언트가 어떤 요청을 보내는가에 따라, 응답은 달라질 수 있음

14. 폼(form) Part2. 폼 태그

form

입력 요소들을 감싸며, 입력 값을 서버측으로 제출(submit)할 수 있음

제출하려면input태그의 submit타입 사용

form의 속성

action: 입력값을 전송할 서버의 url
method: 클라이언트가 입력한 데이터를 어떤 식으로 전송할 지(GET or POST)

GET

서버에 요청을 보내어 응답을 받아냄
서버로부터 정보를 가져오는 성격의 요청

POST

서버에 요청을 보내어 작업을 수행
서버에 있는 데이터를 추가/수정/삭제 한 후에 응답을 받아냄
서버의 정보를 조작하는 성격의 요청