webstudy 3

즐거운CSS

▶ CSS 1. Cascade Style Sheet 2. HTML 구성 요소에 스타일을 지정하는 언어이다. 3. 스타일 지정 방식 1) internal : 태그 내부에 태그를 추가하고 CSS 작업하는 방식 2) external : 별도의 CSS 파일을 만들어서 태그로 등록하는 방식 (가장많이 사용되는 방식) 3) inline : HTML 구성 요소에 직접 style 속성을 추가하고 CSS 작업하는 방식 4. 스타일 우선 순위 높음 낮음 !important > inline > internal = external(둘은 우선순위없음) 5. 스타일 작성 방식 선택자selector { CSS속성 : 값; CSS속성 : 값; ... } 6. CSS 주석 : /* 주석 */ internal) 코드안에 색상을 지정 e..

HTML - 텍스트효과, 이미지영상

▶ 텍스트 효과 지정하기 1. 인라인 요소 2. 블록 전체가 아니라 지정된 인라인 영역에만 적용된다. 3. 종류 1) 굵게 (1) : bold (2) : 추천 (strong, 강하게) 2) 기울임 (1) : italic (2) : 추천 (emphasis, 강조) 3) 밑줄 (1) : underline (2) : 추천 (insert, 삽입된 텍스트) 4) 취소 (1) : strikeline (2) : 추천 (delete, 삭제된 텍스트) 5) 기타 (1) : 형광펜 (2) : 위첨자 (3) : 아래첨자 의미 없는 태그 열길 물속은 알아도 한길 사람 속은 모른다! 평화롭던 바닷가 마을 군천에 화학 공장이 들어 서면서 하루아침에 일자리를 읽은 해녀들. 먹고 살기 위한 방법을 찾던 승부사 '춘자'(김혜수) 는 ..

HTML 기본

• HTML ① HyperText Markup Language ② 하이퍼텍스트(링크)를 만드는 언어 ③ 태그(Tag)로 구성된다. 1) 기능이 정해져 있는 약속된 태그만 사용할 수 있다. 2) 시작 태그 와 종료 태그로 구성된다. 3) 나 홀로 태그(단독 태그) 또는 4) 모두 소문자로 작성한다. 5) 계층 구조(부모-자식)를 가진다. ④ 태그 형식 1) 2) ▶ vscode 단축키 ① 주석 : ctrl + / ② 저장 : ctrl + s ③ 자동 완성 : ctrl + spacebar ④ 라인 복사 : alt + shift + 방향키(↑↓) ⑤ 라인 이동 : alt + 방향키(↑↓) ⑥ 라인 삭제 : shift + delete ▶ HTML 기본 구조 ① 선언부 : 또는 ② 태그 : 문서의 모든 내용을 포..