본문 바로가기

Java/자바 기반 웹 개발자 과정 필기

[200429.47일차] HTML 2

반응형

인코딩 설정

아래와 같이 설정하면 앞으로 파일을 생성하면 자동으로 UTF-8로 설정된다.

 

 

input

 

radio

=> name으로 묶을 수 있다.

=> 하나만 고를 때 사용

 

checkbox

=> 다중선택

 

 

 

Form

이대로는 초기화, 전송 버튼을 눌러도 아무런 동작을 안한다.

form으로 묶어주면 제대로 동작한다.

submit => action에 설정한 경로로 이동을 한다.

button은 form과 별개로 행동한다.

=> 나중에 이벤트같은걸 만들떄 사용

 

 

method="get" 방식

=> 경로에 보여 보안에 취약하고, 길이가 제한적(256byte)이다.

=> name을 설정하면 따로 명시해주지 않아도 결과는 똑같다.

 

 

 

method="post" 방식

=> http파일에 보낼 데이터를 붙여서 보내는 방식

=> 보내야할 데이터가 대용량이면 post 방식을 사용한다.

 

 

 

 

 

select

option

=> 자바fx에서 ComboBox

 

 

 

두 버튼이 type이 같기 때문에 똑같이 작동한다.

 

 

 

 

 

textarea

 

 

 

 

fieldset

 

 

 

 

 

div, span 공간 분할

div => 블럭 단위

span => 해당 글자 영역만

 

 

 

 

 


문제

 

 

 

form.html
0.00MB
시간표.html
0.00MB
회사 소개.html
0.00MB
quiz01.html
0.00MB

 

 

 


 

div

Header : 문서의 header를 나타낼 때 사용 
Footer : 문서의 Footer를 나타낼 떄 사용 
Nav : 문서 내에 navigation 요소가 있을 때 사용 
Section : 문서의 영역을 구성하며, 문서 구조를 구성하는 h1~h6와 함께 사용 
Article : 뉴스기사나 블로그 내용글과 같은 독립된 contents를 표시할 때 사용 
Aside : 주요 컨텐츠 이외의 참고가 될 수 있는 컨텐츠를 구성할 때 사용 
Figure : 그림, 비디오와 같은 포함된 컨텐르의 Caption을 표시할때 사용 
Figcaption : 캡션에 사용(이미지, 동영상 부연설명)

 

 

 

 

video

cotrols => 비디오 제어 컨트롤러

loop => 반복 재생

autoplay => 자동 재생

 

 

 

책갈피 기능

 

 

 

 

 

float

 

 

 

 

 

 

 


문제

페이지.html
0.00MB
quiz02.html
0.00MB

 

반응형