Programming/HTML & CSS & JavaScript48 CSS 1일차 - 적용방법3가지, 캐스캐이딩 & 명시도 # CSS 1. 환경설정 1) node 설정 https://nodejs.org/ 다운받고 설치(기본설치) cmd 창에서 node -v 입력하고 버전확인. 2) VSC( Visual Studio Code ) 설치 https://code.visualstudio.com/ 다운받고 설치(기본설치) 3) 워크스페이스 작성 2. CSS 역할 및 버전 역할: html 에 시각적 표현을 지정해서 스타일 관리. css1: 1996년 css2: 1998년 css3: 현재까지도 개발중. ( 표준화 버전 ) 3. CSS 적용 방법 3가지 1) 인라인 스타일( inline style ) - html 의 시작태그에서 style 속성으로 스타일을 지정하는 방법. ex) Hello Hello2 Hello2 2) 내부 스타일 ( in.. 2024. 4. 22. HTML 2일차 - 시멘틱 태그, 사용자 입력, form, img, iframe, 특수문자 16. 시멘틱 태그 ( sementic tag ) 개념: '의미를 갖는다' 뜻으로 각 태그가 자신만의 의미가 있음을 뜻함. 종류: 아이디: 아이디: 아이디: 비밀번호: 성별: 남 여 여 취미: 야구 농구 축구 이메일 전송1 number search file date textarea select 1학년 2학년 3학년 18. form 태그 ==> 반드시 태그로 감싸야 된다. 버튼을 클릭했을때 사용자 입력값이 서버에 전달될 수 있다. 문법: 사용자입력태그 .. 전송 2024. 4. 22. HTML 2일차 - table, list, span 7) table 태그 가. 기본 - 시작 - : 행태그 - : 열태그의 값 - : 열태그의 헤더값 ex) 이름 나이 홍길동 20 이순신 30 나. 그룹핑 가능( 권장 ) - - - ex) 제품명 가격 A 100 B 200 총합 300 제품명 가격 A 100 B 200 총합 300 이름 나이 홍길동 20 이순신 30 유관순 18 제품명 가격 A 100 B 200 총합 300 다. 병합 rowspan="갯수" colspan="갯수" ex) 이름 전화1 전화2 홍길동 010 011 이름 전화1 전화2 홍길동 010 011 -> 열병합 이름 전화번호 홍길동 010 011 이름 전화번호 홍길동 010 011 -> 행병합 ( 병합전 ) 이름 홍길동 전화1 010 전화2 011 ( 병합후 ) 이름 홍길동 010 전화.. 2024. 4. 22. HTML 2일차 - 1일차 요점 * 타켓컴포넌트 요청 URL : https:// http://서버IP:port번호/타켓 http://서버IP:port번호/폴더/타켓 http://210.100.100.3:8080/test.html - port 번호 Apache 웹서버(80) tomcat 컨테이너(8080) MySQL(3306) Oracle(1521) * html / css/ js -> 서버쪽에 저장되지만 실행은 웹브라우저인 클라이언트에서 실행됨. * html ( hyper text markup language ) - hyper text - markup language : 정보표시용 태그( ) 의미, 태그명은 정해져있음. - xml ( eXtendsible Markup Language ) : 태그명을 임의로 지정가능. 추가로 특정태그로 사.. 2024. 4. 22. 이전 1 ··· 7 8 9 10 11 12 다음
