2023-02-14
<설문조사>
1. 다형성 : 하나의 동사에서 다른 여러결과가 나올 수 있는것
2. 다형성 사용 이유 : 추가나 삭제같은 변경이 쉬워 확장이 용이하고 유지보수가 쉽다.
3. 오버로딩 : 메서드의 중복정의 , 매개변수를 다르게하여 구별
4. 오버라이딩 : 메서드의 재정의 , 상위 클래스는 은닉되고 하위 클래스 메서드가 사용된다.
5. 상속 : 클래스간의 관계를 계층화하고 분류하는 개념
6. 객체 : 클래스에서 생성된 변수 (데이터와 함수를 속성과 메서드로 표현)
7. 클래스 : 공통되는 것들을 묶어 대표적인 이름을 붙인 것 ( 클래스 : 승용차 , 객체 : 소나타,그렌져,sm5 등)
<HTML5 + CSS3>
● HTML : Hypertext Markup Language
● Visual Studio Code 설치 : 편리한 메모장
- 확장기능 설치
* Live server
* Open in browser ( alt + b = 출력값 브라우저 실행)
* Korean Language pack (한글패치)
● 태그는 소문자를 이용
- ex) img , a , p , ul , ol , li etc
● HTML 파일 기본구조
- <!DOCTYPE html> : 문서타입이 html 이다
- <html lang="en"> </html> : Language가 영어다
- <head> </head> : 파일설정 , 셋팅
- <body> </body> : 본문
● 이미지 삽입
<img src="imges/first.jpg" width = "350" height = "290" alt = "시계이미지">
- img 태그의 src 속성에 이미지 경로를 지정했다.
- width 속성에 350픽셀 지정
- height 속성에 290픽셀 지정
- alt : alternative(대체) : 이미지가 안뜰시 대체글자 지정
● 링크 삽입
<a href = "http://www.naver.com></a> → 주소 클릭시 링크이동
<a href = "http://www.naver.com><img src="images/first.jpg"></a> → 사진클릭시 링크이동
● 태그 종류
-<h1~6> </h1~6> : 제목크기 지정 , 1이 제일큼
- <p></p> : 단락 지정
- <br> : 줄바꿈
- <hr> : 수평선
- <blockquote> </blockquote> : 출처표기 ( 따로 단락표시됨)
- <pre> </pre> : 공백 등의 문자 모두 그대로 출력
- <strong> </strong> : 진하게 (강조)
- <b> </b? : 진하게 (강조x)
- <em> </em> : 글자눕히기 (강조)
- <i> </i> : 글자눕히기 (강조x)
- <mark> </mark> : 형광펜효과
- <span> </span> : 기간,영역 표시
- <ul> </ul> : 카운팅 없는 리스트
- <ol> </ol> : 카운팅 되는 리스트
- <li> </li> : 리스트 태그에 함께 사용
- <dl> <dt> <dd> : 시작 , 제목 , 내용
● 파일경로지정
- 같은위치 = <img src="파일이름">
- 하위폴더 = <img src="하위폴더명/파일이름">
- 상위폴더 = <img src="..파일이름">
- 상위폴더의 하위폴더 = <img src="../하위폴더명/파일이름">
'HTML+CSS(복습)' 카테고리의 다른 글
| 2023-02-28(화) 리트리버 과제 (0) | 2023.02.28 |
|---|---|
| 2023-02-22(수) sprite , class와id , audio , video , input , select , table , border , text (0) | 2023.02.22 |
| 2023-02-21(화) margin , padding (0) | 2023.02.21 |
| 2023-02-15(수) 과제 (0) | 2023.02.16 |
| 2023-02-15(수) div , id , class , display , link , css작성 (0) | 2023.02.16 |