jsp 수업 전 html , css 등에 대한 기본적인 내용 복습
<>나 여러 문장들이 html명령어로 인식되어서 표시가 안되서 띄어쓰기를 한다던지 해서 출력했습니다.
marquee 태그
< marquee> 태그. 글자가 움직이면서 옴.
& nbsp
& nbsp = 스페이스바
ol li 순서 존재.
ol = > 순서가 존재.
li 태그 > 실제 리스트들
1 2 3 순서대로 표시해줌.
< ol>
<li>이정우</li>
<li>국비 교육</li>< /ol>
- 이정우
- 국비 교육
ul li 순서 x
ul은 순서가 존재하지 않음. 점으로 표시해줌.
< ul>
<li>이정우</li>
<li>국비 교육</li>< /ul>
- 이정우
- 국비 교육
절대 경로 : 모든 경로 다 쳐주기
내 위치가 어디건 c:\시작해서 쭉 쳐주기.
이미지 불러오기
< img src = "상대 경로 혹은 절대 경로">
< img src = "상대 경로 혹은 절대 경로" width = "100" height = "100" align = "left> 여러 속성값 들. 너비 높이 정렬
테이블
< table> 태그로 테이블 만들 수 있음.
< tr> 행 생성
< td> 셀
< th> 표의 제목
colspan 행 병합
colspan
< td colspan = "2"> 하면 행이 병합됨.
| 이정우 | |
| 이정우 | 국비 |
rowspan 열 병합
| 이정우 | |
| 이정우1 | 국비 |
| 이정우2 | 국비 |
a 태그 하이퍼 링크
< a href = "주소" >네이버 < /a>
네이버
차이점은 프레임 단위로 켜질 경우에 명확해지는듯.
target 속성들.
_top 전부 무시하고 최상위 인터넷 페이지에 링크 내용 표시. (부모 페이지가 없으면 self적용)
_self 디폴트 값. 현재 프레임에서 링크된 내용이 뜸.
_parent 링크 클릭하면 부모페이지에서 링크가 뜸.(부모페이지 필수 없으면 self적용)
_blank 링크를 클릭하면 새로운 창에서 켜줌
내부 링크
한 페이지 안에 링크를 주는 태그. 주소 값을 #으로 시작.
< a href = "#주소">< /a>
내부 네이버
내부 링크
frameset <중요x>
보통 head에서 사용. frameset은 페이지를 여러 프레임으로 나누는 것인데 나누는 작업을 처음에 해야하므로 head가 적절. body에 하면 작업 중간에 나누는 느낌이라 부적절.
cols 속성으로 세로로 프레임 나누기.
< frameset col = "100, *">
< frame src = "https://www.naver.com/">
< frame src = "https://www.naver.com/">
< /frameset>
rows 속성 사용해서 가로로 프레임 나누기. % 사용.
form 태그 <중요>
속성 값들이 중요
method 속성. 데이터 전송 방식.
- get 방식 -> 네이버에서 사용중. 뭔가 검색하면 주소창에 정보가 노출됨. 어저구저저구 검색어라고. 주소창으로 데이터를 접근.
장점 : 적은 양의 정보를 다음 페이지로 보낼 때
단점 : 그러나 보안에 취약 - post 방식 -> 주소창에 노출되지 않고 패키지에 실어서 보냄.
장점 : 긴 내용들을 보낼 수 있고 보안에 우수
action 속성 : 입력된 정보를 처리할 프로그램의 경로.
입력 태그 input
type속성에 많은 속성값들 Text, password 등이 존재.
text 속성
< form method = "get" action = "">
< input type = "text" value = "입력 태그">
< /form>
password 속성
< form method = "get" action = "">
< input type = "password" value = "입력 태그">
< /form>
checkbox
체크 박스가 생성됨. 여러개 클릭 가능.
radio
체크박스는 비슷하지만 1개만 클릭 가능. 양자택일.
img
input type = "image"이미지 위치" 버튼의 모양을 바꿔줌.
출처 : 국비 교육
