HTML 썸네일형 리스트형 230925 HTML 테스트 20. box-shadow 프로퍼티로 박스 그림자 만들기 box-shadow를 이용해 다양한 스타일의 그림자를 만들 수 있다 text-shadow와 같은 양식으로 작성할 수 있다. 박스 그림자 만들기 뚱이와 함께 뚱이와 함께 뚱이와 함께 테스트 21. 마우스 커서 스타일에 =커서를 부여하면 마우스를 올렸을 때 사용 할 커서 모양을 결정할 수 있다. 마우스 커서 아래에 마우스를 올려 보세요. 커서가 변합니다. 십자 모양 커서 도움말 모양 커서 포인터 모양 커서 프로그램 실행 중 모양 커서 상하 크기 조절 모양 커서 5장 테스트 1. display 프로퍼티로 박스 유형 설정 display 속성으로 보여주고 숨기고를 정할 수 있는 블럭을 설정한다. 인라인, 인라인 블록, 블록 나는 div(none)입니.. 더보기 230922 (HTML) 테스트 11. 텍스트 꾸미기 text-align : 문자의 정렬 방식 text-decoration : 문자에 주는 효과. 취소선, 밑줄 등. 혹은 링크의 밑줄을 지우는 것도 가능하다. text-indent : 들여쓰기 방식 텍스트 꾸미기 HTML의 태그만으로 기존의 워드프로세서와 같이 들여쓰기, 정렬, 공백, 간격 등과 세밀한 텍스트 제어를 할 수 없다. 그러나, 스타일 시트는 이를 가능하게 한다. 들여쓰기, 정렬에 대해서 알아본다. 밑줄이 없는 네이버 링크 테스트 12. CSS 폰트 font-family : 폰트 모음의 이름 serif : 바탕체 sans-serif : 고딕체 font-size : 폰트의 크기 large : 기본 저장된 큰 글씨에 해당하는 크기 1.5em : 원래 크기의 1.5배 그 외.. 더보기 230921 (HTML) 테스트 3. 태그로 스타일 시트 만들기 margin : 태그의 테두리 중 안쪽 여백 padding : 태그의 테두리 중 바깥 여백 text-align : 정렬법 소연재 저는 체조 선수 소연재입니다. 음악을 들으면서 책 읽기를 좋아합니다. 김치 찌개와 막국수 무척 좋아합니다. 테스트 4. style 속성에 스타일 시트 만들기 style 태그에 원하는 기본 서식을 넣은 후 개별 태그에 style 속성을 넣어 기본 서식 대신에 사용할 서식을 입력할 수 있다. 손 홍 민 오페라를 좋아하고 엘비스 프레슬리를 좋아하고 김치부침개를 좋아하고 축구를 좋아합니다. 테스트 5. 태그로 CSS3 파일 불러오기 link 태그를 이용하여 스타일을 불러올 수 있다. type : css파일을 지정 rel : link 파일과 현재 .. 더보기 230920 (HTML) 테스트 16. 생일 날짜 입력 받기 생일축하합니다. 당신의 생일은 2003년 2월 9일 입니다. 틀리면 수정하시고 파티 시간과 장소를 입력하세요 생일 생일파티시간 생일파티장소 테스트 17. 로 편리한 숫자 입력 number 태그로 일정한 수치로 증가하는 숫자를 선택하는 박스를 만들 수 있다. range 태그를 이용하여 볼륨 조절 같은 라인을 만들 수 있다. list와 datalist를 이용하여 특정 구간에 표시를 넣을 수 있다. 홈 제어 시스템 - 온도 조절 지속시간 (0.0~10.0시간) 온도 설정 : 10° 30° 테스트 18. 형식을 가진 텍스트 입력 input에 다양한 타입을 넣을 수 있고, placeholder에 입력 값이 없을 때 띄울 텍스트를 정할 수 있다. email, url, tel, s.. 더보기 230919 (HTML) 3장 html과 jsp의 차이 html 폼 몇 가지 사항 입력 액션 속성이 없다면 url 뒤에 action 속성에 해당하는 값이 추가됨 http://localhost:8080/Test0918/3-08.html?search=asdf jsp java server page 오래된 툴이고 현재는 잘 사용하지 않음 액션 속성이 있다면 jsp로 연결된 후 url 뒤에 action 속성에 해당하는 값이 추가됨 http://localhost:8080/Test0918/3-08-1.jsp?search=asdf spring legacy : 현재 가장 많이 사용되는 툴 spring boot : 앞으로 주류가 될 프레임 워크 request : 요청. 다른 페이지로 보내는 정보. respond : 응답 요청 객체 request에.. 더보기 230918 (HTML, JSP기초) 3장 테스트 2 : figure 태그 사용 삽화나 다이어그램, 사진 등과 같이 문서의 주요 흐름과 독립적인 콘텐츠를 정의할 때 사용. 설명이 필요한 이미지를 넣을 때 필요. 설명은 figcaption으로 넣는다. code : 문서 내에서 코드를 표시하기(동작하는 것이 아니라 보여주는 소스코드를 삽입한다.) alert : 팝업으로 띄워지는 정보창. system.out.과 유사한 사용 pre 태그 : 태그 내용물이 작성된 서식 그대로 출력됨. 띄어쓰기, 줄바꿈 등이 유지된다. figure 태그 활용 alert()함수 funtion f() {alert("경고합니다.");} 실행결과 테스트 3 : details 와 summary 태그 details : 접을 수 있는 설명 태그. 태그의 이름은 summary에 입.. 더보기 230915(HTML) 요약 2-19 : 링크 target 속성 활용 2-20 : 앵커로 이동하는 링크 만들기 2-22 : iframe을 가지는 웹 페이지 3-1 : 구조화된 HTML5 문서 작성 복습 url분해해석 http://localhost:8080/Test0912 http : 하이퍼 텍스트 트랜스퍼 프로토콜, 통신규약 localhost : 내 컴퓨터에 만든 서버 8080 : 포트. 인터넷을 통해 데이터를 주고받을 포트를 말함 Test0912 : HTML 프로젝트 이름 테스트 19 : 링크 target 속성 활용 링크를 어디에 출력할지 결정하는 속성이다. 새로운 탭, 현재 탭, 다른 프레임 등을 지정할 수 있다. _blank : 새로운 윈도우나 탭 _self : 링크가 위치한 현재 프레임, 디폴트 값이므로 생략 가능 _p.. 더보기 230914(HTML) 2장 요약 2-16 : 표 만들기 2-17 : 표에 이미지 삽입하기 2-18 : 하이퍼링크 만들기 테스트 16 기본 표 만들기 : 표를 시작하는 태그, border는 표 양식 중 테두리가 두께를 가지게 해준다. : 표 위에 작성할 표의 이름 와 : 헤드는 줄 맨 위의 목록, 풋은 줄 맨 아래의 목록을 만드는 태그 : 표의 본문 부분을 나타내는 태그 : table row로 열의 시작을 나타내는 태그 , : 열 내부의 항을 표현하는 태그, th는 굵은 글자, 중앙 정렬로, td는 일반 글자, 좌측 정렬로 표기된다. 기본 구조를 가진 표 1학기 성적 이름HTMLCSS 합225230 황기태8070 이재문9599 이병은4061 과제 : 테이블 사용법 총 정리 칸을 합지는 것 colspan : 좌우로 병합, 열 여.. 더보기 이전 1 2 3 다음
