웹 (71) 썸네일형 리스트형 Html 실습예제 메뉴 만들기 ( display, list-style-type, text-decoration ) 메일 블로그 카페 웹툰 글로벌 네비게이션바 == 메뉴 == gnb 인라인요소(li)에 block(공간)을 가질 수 있게 하는법 == display: inline-block; li의 텍스트 밑줄 제거 == text-decoration; li의 점들을 제거 == list-style-type: none; Html 스타일시트(stylesheet) 실습예제 와일드카드 *를 사용한 전체에 대한 스타일지정 #을 이용한 id속성에 대한 스타일지정 .클래스를 이용한 class속성에 대한 스타일 지정 + div로 요소들을 묶는 방법 제목 소제목 다음과 같은 상품들이 존재합니다. 결명자차 3000원 아메리카노 2500원 프라푸치노 5500원 결과창 Html에서 가상요소 선택자 (before / after) (스타일시트) Html의 특정 태그 앞 뒤에 요소를 삽입하는 방법 상의 바지 치마 신발 결과 화면 Html에서 가상 클래스 선택자 (호버링) 마우스 호버링 : 웹에서 마우스를 올리면 반응하는 것 ex) 링크가 걸려있는 글자나 이미지에 마우스를 올리면 색이 변함 상의 하의 치마 신발 Html에서 선택자 ( 자식선택자 ) 사과 바나나 키위 포도 복숭아 외부 스타일시트 (스타일시트 / stylesheet ) 웹에서 쓰이는 스타일 시트는 대부분 html 내부에 존재하지 않고 다른 파일/폴더로 관리되어 있다. p 태그의 글자색을 red로 지정해주었다. 제목 Lorem ipsum dolor sit amet, consectetur adipisicing elit, incididunt ut labore et dolore aute irure dolor in reprehe deserunt mollit anim id est lab 다음과 같이 HTML문을 작성하고 실행하게 되면 태그에만 빨간글자가 적용되는 것을 볼 수 있다. 이클립스에서 톰캣연동 이클립스와 톰캣 연동 = 여기서는 서버의 역할로 톰캣을 사용! 1. window - show view - other - server검색 후 추가 2. server를 누르면 연결하면 apache-> tomcat9.0 3. 경로를 아까 받은 zip파일 압축해제해서 bin/등의 폴더가 나오는 경로까지만 지정. 프로젝트 창에서 New Project - Web - Dynamic Wed Project로 프로젝트 생성 src-main- webapp - 폴더에 정확히 new - HTML파일 넣기 인코딩 방법 바꾸기 Window - Preferences - CSS Files / HTML Files / JSP Files 를 UTF-8로 서버포트변경하기 cmd 실행 -> netstat -ano TCP 8080을 사용하는 녀.. 이전 1 ··· 6 7 8 9 다음
