SsY/Class
-
[CSS] 002. CSS 관찰 실습SsY/Class 2023. 5. 8. 14:00
CSS 태그 관찰 실습 Test013 - 가상 요소 적용 관찰 실습 가상 요소 적용 실습 문단 태그를 활용하여 내용을 작성하고 있다. 이 태그 내부에 기술된 내용은 엘리먼트 선택자의 영향을 받고 있는 상황이다. 하지만, 이 영역 안에서도 상황에 따른 스타일 적용이 가능하다. 첫 라인의 텍스트는 글자색이 파란색이고, 글꼴 크기는 25pt 이다. 둘째 라인의 텍스트부터는 글자색이 빨간색이고, 글꼴 크기는 9pt 가 된다. Test014 - 가상 요소 적용 관찰 실습2 가상 요소 적용 실습 first-letter 가 적용된 첫 번째 글자만 영향을 주게 되며, 나머지 글자에는 적용되지 않는다. Test015 - 기타 css 문법 관찰 - 영문에만 적용되는 스타일 존재 CSS 기타 글자를 이렇게 만드는 속성이구나..
-
[CSS] 001. CSS 의 개요, CSS 관찰 실습SsY/Class 2023. 5. 4. 18:17
CSS ■■■ CSS ■■■ ○ CSS 선택자(selector) 구성 및 설정 // Cascade Style Sheet (CSS) >>메이크업F』 자식 선택자 E 엘리먼트의 자식 엘리먼트인 F 엘리먼트를 선택하게 된다. // div 안에 있는 span 태그에만 디자인 적용하고 - 다른 span 태그에는 적용 x // 직접 부모여야함 - 『E F』 자손 선택자, 후손 선택자, 하위 선택자 E 엘리먼트의 하위에 있는 F 엘리먼트를 선택하게 된다. 이 경우 특이한 점은 E 와 F 사이에 다른 엘리먼트가 포함되어 있더라도 선택 대상에 해당한다는 것이다. (자식 선택자와 차이) // 구조화에 따라서 자식선택자와 같을 수 도 있지만 // 직접부모가 아니어도 상위 상위의 태그여도 적용받을 수 있다는 의미 - 『E+F..
-
[HTML] 003. HTML 관찰(태그 및 속성 관찰)SsY/Class 2023. 5. 4. 17:50
HTML 태그 관찰 Test014 - colspan , rowspan 활용하여 테이블 셀 병합 실습 테이블의 셀 병합 실습 A B C D E F G H I J K L M N O P Q R 8 S T U V W X Y Z 1 2 3 4 5 6 7 Test015 - 움직이는 태그 관찰 실습 움직이는 태그 실습 기본적인 방향 왼쪽으로 이동(*/ω\*) 좌우 왕복 이동(*/ω\*) 오른쪽으로 이동 (❁´◡`❁) 위쪽으로 이동 (❁´◡`❁) 속도 조절 : scrollamount 속도 조절 : scrolldelay 위아래로 움직이며 옆으로 이동 cheer up~ Test016 - 메타 태그 관찰 실습 ※ 메타 데이터 : 데이터에 대한 데이터 (@어노테이션 설명하면서 한 번 설명) ex) 해시태그 (떡볶이 사진만 올..
-
[HTML] 002. Eclipse 설정, HTML 관찰(태그 관찰)SsY/Class 2023. 5. 3. 17:49
Eclipse 설정 더보기 Windows - Preferences WebApp01 FirstHTML.html 문서의 내용이 들어가는 부분(이름) 어제 만들어둔 서버 돌아가는지 확인 매번 위와 같이 서버를 돌리면 힘들기 때문에 Ctrl+F11 누르고 들어가서 Finish 내용 고친 이후에는 저장 후 열려있는 브라우저에서 F5(새로고침) 하면 확인 가능 Test001 - html 관찰 실습 항상 그래왔던 것 처럼... 우리는 익숙해지기 위한 길목에서 첫 번재 모퉁이를 돌기 위해 노력하고 있습니다. 후회 없도록 열심히 합시다. 첫 번째 div 영역 h1~h6 는 제목을 표현할 때 사용한다. 숫자가 늘어갈수록 더 작은 개념의 제목을 표현하기 위해 사용된다. 더 작은 제목이라 함은 보여지는 크기도 포함하고 있지만..
-
[HTML] 001. HTML 의 개요 , Eclipse 설정 Export-Import 로 기존 설정 가져오기SsY/Class 2023. 5. 2. 18:15
*파트에 들어가기 전 당부사항* 개략적 파트들을 다룰 예정으로, 개인적인 공부가 많이 필요함 - 이후 WebServer 파트를 다루기 위해 다루는 것 1. 프레젠테이션으로 개략적 개념 다룸 2. 서버와 관련된 부분 관련 코드레벨에서 보게 된다. 3. JSPServelet 다룰 때 넘어간 부분들을 보게된다. HTML ■■■ HTML ■■■ ○ HTML 개요 HTML 이란 Hyper Text Markup Language 의 약어로, 웹 페이지를 기술하기 위한 언어이다. ▶ 마크업 언어(Markup Language)는 텍스트에 태그(ex) )를 붙여서 텍스가 문서의 어디에 해당하는지를 기술한 것이다. 기본적으로 시작 태그가 있으면 종료 태그가 있다는 것을 알아두자 (ex) 문서의 제목) //(ex) dhngi..