-
HTML
- HTML은 프로그래밍 언어라기 보다는 문서에 가깝다.
- 논리성과는 거리가 멀어 사용법만 익혀서 필요한 경우 찾아쓰면 된다.
- www.w3schools.com/html
-
-
1. TABLE - HTML안에 표 만들기 - 페이지 틀을 잡을 때도 사용하지만 , 현재는 그런용도로는 잘 사용하지 않는다. - 테이블은 행(row)과 열(column)로 구성된다. - 테이블만들기 : table선언 -> 행 생성(tr) -> 열로 쪼개기(td : 일반, th : 굵게_ -  2. colspan, rowspan
- rowspan
- 행이 들어갈 폭을 지정하는것이다.(세로로 늘어남)
- 늘리고 싶은 행만큼 지정하고 늘어난 부분의 행은 지워준다
- colspan
- 열이 들어갈 폭을 지정하는 것이다.(가로로 늘어남)
- 늘리고 싶은 열만큼 지정하고 늘어난 부분의 열은 지워준다
-
- iframe
iframe
- 아이프레임이란 글 중의 임의의 위치에 또 다른 HTML 문서를 보여주는 내부 프레임(inline frame)태그.
- 보안상 문제로 아이프레임은 불러오는 사이트에서 허용해야만 가능하다(거의 허용X)
- 유튜브 영상의 소스코드는 허용하는게 많다
- src : 불러올 페이지
- width : 프레임의 가로길이
- height : 프레임의 높이
- frameborder : 프레임 테두리
- scrolling : 스크롤 생성 여부
- iframe
navi.html
-( 언오더드 리스트)
- 순서가 없는 목록태그
- type지정으로 텍스트앞에 오는 아이콘 변경가능 ( default는 검정 동그라미)
-- : 리스트의 내용적는 태그 ( 독립적으로 사용 불가 )
- (앵커)
- 텍스트나 이미지를 클릭해서 원하는 주소로 이용가능
- href : 링크를 거는 속성 ( #은 버튼처럼만 보이게 함 )
-
footer.html
- target : 어디에 띄울건지 명시
- default : 자기자신에 띄우기
- _parent : 부모페이지에 띄우기
- _black : 새창에 띄우기
-
- alt : 이미지를 표시할수 없을경우 텍스트로 대체하기 위한 속성
§ 이미지는 alt 꼭 명시해줘야한다
§ 페이지를 읽어주는 시스템에서(시각장애인을 위한)도 필요하다
- src : 경로를 포함한 이미지 파일명
§ ./ : 자신폴더를 의미
- width : 가로 , height : 세로
-
main
- 같은 폴더안에 navi와 footer를 iframe으로 불러옴
- : 제목태그 ( h1 ~ h6 까지 있고 숫자가 커질수록 굵기와 크기가 작아짐 )
-
: 한 줄 긋기
-
: 줄바꿈
-
- footer의 부모는 main이 된다
- footer에서 을 _parent로 지정한 daum은 이 메인페이지에 창을 띄운다
- 을 defalut로 지정한 msn과 naver는 ifame안에서 페이지를 열려고 시도한다.
-
4. input
- 서버로 보낼 내용을 입력 받을 때 사용한다
- <input>에 있어서 가장 필수적인 속성은 name과 value이다.
- name은 보낼 값(value)에 대한 항목이다.
- value는 보내는 항목(name)에 대한 값이다.
- C:/HTML/07_input.html ( 전체 실행 파일 )form
: 태그안에 입력된 데이터 값을 서버로 전송, 서버로 전송할 값이면 무조건 form을 사용해줘야한다.
-
- action : 데이터를 전달할 서버 이름 명시
- method : 데이터 전송 방식
- "get" : 전송하는 내용이 URL에 나타난다
- "POST" : 전달하는 내용이 URL에 나타나지 않는다
button
- submit : 서버에 값 전송시에 사용 ( form 태그가 있어야한다 )
- butten은 클릭시 무언가를 실행하도록 하는 타입이다.
- 버튼타입의 value는 버튼이름이 된다
- onclick : 클릭 시 실행하는 메서드
- msg :
-
text , password
: 태그안에 요소들을 박스로 묶어줌
-
- : filedset의 캡션
- : 태그안에 입력된 데이터 값을 서버로 전송, 서버로 전송할 값이면 무조건 form을 사용해줘야한다.
- : 텍스트를 입력할 박스 생성
- value안에 텍스트를 입력하면 박스에 그냥 텍스트로 생성
- placeholder : 텍스트를 입력하면 클릭하면 텍스트가 사라진다.
- : 텍스트를 입력할 시 숨겨서 표시된다.
- maxlength : 최대 길이 지정
- : 클릭하면 입력한 값이 지워지고 reset된다.
checkbox , radio
- : ㅁ으로 표시되고 여러개를 선택 할 경우 사용한다.
- : ㅇ으로 표시되고 하나만 선택 할 경우 사용한다.
file
- : 서버로 파일을 전송할때 사용한다.
hidden
- : 실제로는 존재하지만 브라우저상에는 안보임
select
- : 선택할 수 있는 칸을 만들어준다. option과 함께 사용한다. - : 맨위에 것이 default가 된다 - option태그 안에 selected를 넣어주면 강제로 이 값이 기본으로 설정된다 email - : @여부를 체크해준다.
color
-
- : 색을 선택할수 있는 박스 생성
date , month
- : 날짜를 일까지 선택할 수 있는 박스 생성
- : 날짜를 월까지 선택할 수 있는 박스 생성
-
number , range
- : 숫자를 선택할수 있는 방스 생성
- min,max : 최소값 , 최대값 지정 가능
- value : 기본 값 설정
- : 숫자를 조절할 수 있는 슬라이드 바 생성
- min,max : 최소값 , 최대값 지정
- step : 움직이는 범위 설정
