본문 바로가기

분류 전체보기361

[CSS] HTML과 연결하는 방법 HTML과 연결하는 방법 📌 HTML과 연결하는 방법 ① 같은 HTML 파일에 HTML 코드와 CSS 코드를 넣는다. → 태그 사용(head 안에 있어야 함) ② HTML 코드와 CSS 코드를 따로 둔다. → .css 파일을 새로 생성한 후, 태그를 사용해 연결한다. HTML Practice 2022. 9. 13.
[HTML] head head 📌 head : 웹 사이트의 환경을 설정함. 외부적으로 보여지지 않은 설정. head - 📌 : 브라우저 창의 제목 설정. HTML 연습중 link : google.com head - 📌 : 부가적인 정보. 📌 attribute - name, content - charset : 페이지의 문자 인코딩을 선언. HTML 연습중 💡 : 해당 페이지 설명란에 content의 내용이 뜸. 💡 og:xxx : 링크 보낼 때 띄워지는 것 설정. head - 브라우저 창 아이콘 설정 📌 브라우저 창 아이콘 설정. : 사용하여 설정. 📌 attribute - rel(relationship) : shortcut - sizes : 크기 설정. - href : 이미지 링크. 2022. 9. 13.
[Python] 조건문(if문) 조건문 - if 📌 조건문 - if문 : 조건이 만족될 경우에만 실행문이 실행됨. if (조건): (실행문) 조건문 - if, elif, else 📌 조건문 - if, elif, else문 : 조건1을 만족할 경우, 실행문1이 실행됨. 조건1을 만족하지 않고 조건2를 만족할 경우, 실행문2가 실행됨. 조건1과 조건2를 만족하지 않는 경우, 실행문3이 실행됨. if (조건1): (실행문1) elif (조건2): (실행문2) else: (실행문3) if, elif, else와 if의 차이점 📌 if, elif, else와 if의 차이점 ① 실행 동작의 차이 어느 것을 사용하느냐에 따라 실행 과정이 달라짐. ② else else를 사용함으로 예외 상황을 처리할 수 있음. 💡 pass : 문장 전체 구조를 잡을.. 2022. 9. 13.
[HTML] HTML 기본 형식 HTML 기본 형식 📌 HTML 기본 형식 ① 맨 처음에는 : html파일이라는 것을 알려줌. ② html 코드 : head와 body로 구성됨. ① head : 웹 사이트의 환경을 설정함. 외부적으로 보여지지 않은 설정. ② body : 사용자가 볼 수 있는 content를 보여줌. 2022. 9. 7.
[HTML] 태그 태그 📌 태그 : content https://developer.mozilla.org/ko/docs/Web/HTML/Element HTML 요소 참고서 - HTML: Hypertext Markup Language | MDN 이 페이지는 태그를 사용해 만들 수 있는 모든 HTML 요소의 목록을 제공합니다. developer.mozilla.org 태그 - - 📌 - : 구획 제목을 나타냄. This is HTML file This is HTML file This is HTML file This is HTML file This is HTML file This is HTML file 태그 - , , 📌 list : 목록 ① ordered list : 순서가 있는 목록 ② unordered list : 순서가 없.. 2022. 9. 7.
[HTML] .html 파일 생성 및 실행 .html 파일 생성 및 실행 📌 .html 파일 생성 및 실행 ① 폴더를 생성한다. 💡 파일명과 폴더명은 항상 소문자로 작성한다. ② Visual Studio Code를 열고, 생성한 폴더를 연다. ③ 파일명.html로 새 파일을 생성한다. ④ 코드를 작성한다. This is HTML file ⑤ 생성한 .html 파일을 브라우저로 연다. 💡 단, 파일을 저장해야 브라우저에 적용이 된다. 작성한 코드는 HTML 코드가 아니지만 브라우저에 작성한 코드가 그대로 뜨는 것을 확인할 수 있다. 💡 브라우저는 HTML 파일에 에러가 있어도 이를 알려주지 않음. 2022. 9. 7.
[HTML] 웹(Web)의 구성 웹(Web)의 구성 📌 웹(Web) : 2 ~ 3개의 언어 구성. ① HTML ② CSS ③ JavaScript HTML 📌 HTML(Hypertext Markup Language) : 브라우저에게 웹 사이트의 content(타이틀, 텍스트, 이미지 등)의 구조를 알려줄 때 사용. HTML 단독으로 웹 사이트를 만들 수 있지만 보기에 불편함. CSS 📌 CSS(Cascading Style Sheet) : 브라우저에게 웹 사이트가 어떻게 보여야 하는지 알려줄 때 사용. 디자인과 스타일을 위한 언어. CSS 단독으로 웹 사이트를 만들 수 없고 HTML과 같이 사용해야 함. JavaScript 📌 JavaScript : 웹 프로그래밍 언어. 웹 사이트를 동적으로 만들어줄 때 사용(예. 클릭하면 어떤 동작을 실.. 2022. 9. 7.
[Python] input 함수 | 형변환 input 함수 📌 input 함수 : 입력받은 값을 반환하는 함수. 반환형 : 문자열. print(type(input("입력:"))) # 입력:hello # 형변환 📌 형변환 : 자료형을 바꾸는 것. 바꾸고 싶은 자료형(바꿀 자료). 💡 input()할 때 형변환을 통해 자료형을 바꿔 값을 저장할 수 있음. num = int(input("숫자를 입력하세요 : ")) print(num) 2022. 9. 7.

티스토리툴바