분류 전체보기

이미지 태그? 이미지 삽입할 때 사용 src 속성을 사용해 이미지 파일이 있는 경로를 알려줘야 화면에 이미지 표시 가능 src 속성? source를 의미한다. 이미지 파일 경로 지정 alt 속성? 이미지를 설명해주는 대체 텍스트 width 속성, height 속성? 이미지 크기 조정하기 width 속성과 height 속성을 사용해야하는 이유는? 원본 이미지 크기를 원하는 크기로 조정할 수 있다. 이미지의 높이랑 크기도 지정할 수 있다. 태그, 태그? 이미지에 설명글 붙이는 것 태그>? 설명 글을 붙여야 할 대상을 지정 한 단위가 되는 요소를 나타내기 위해 사용 태그안에 태그 사용 링크 링크는 두가지 범주로 나눌 수 있다. 1. 내부페이지로 이동하는 것 당사 웹페이지 내의 다른 페이지로 이동하는 것이다. ..

목록 요소 태그? 점으로 표시되는 목록, 정렬되지 않은 목록 태그? 목록 만들기 태그를 사용하고 태그를 사용한다. 순서 없는 목록의 경우, 각 항목앞에 작은 원이나 사각형 같은 불릿(bullet)이 붙는다. To be able to use the fundamental web dev language To hand-craft beautiful websites instead of relying on tools like Worpress or Wix To build web applications To impress friends To have fun 태그 순서가 있는 목록 태그? 목록 만들기 태그를 사용하고 태그를 사용한다. The opening tag The closing tag The actual elemen..

의미없이 요소를 묶기 위한 태그 -> Container 문단도 블록 요소이다. ? 콘텐츠 분할(division) 요소(The Content Divison Element) 무언가를 잡아 두는 또는 요소를 그룹화하는 제네릭 컨테이너이다. 전체 블록을 차지하고 위아래의 콘텐츠를 밀어낸다. (CSS에서는 div로 콘텐츠를 그룹화 가능하다.) block -level block -level은 기본적으로 한 줄을 생성해서 내용을 표현한다. ? 텍스트나 콘텐츠를 span으로 감싸면 하나의 그룹으로 묶어 css로 스타일을 정한다. 제너릭 컨테이너 inline-level (주로 block-level 안에 들어간다.) 은 와 비슷하지만 인라인이기 때문에 전체 블록을 차지하지 않는다. 무언가를 그룹화하기 위해 다른 스타일을 ..

인터넷은 하나의 작은 네트워크지만 네트워크의 네트워크들이 합쳐져서 매우 큰 형태를 이룬다. 멀리서 바라보면 서로 엉켜있는 모습처럼 보이지만 서로서로 잘 연결되어 있다. 인프라가 많은 기기들을 소통할 수 있게 해준다. 그렇다면 인터넷 속 정보들은 어떻게 전송될까? 간단한 답변이다. 바로 케이블을 통해 연결된다. 땅이나 바다 밑에 케이블들이 있다. 엄청난 빠른 속도로 이동한다. 마치 도로에 차들이 지나가는 모습처럼 말이다. 웹이란 무엇일까? 인터넷을 통해 공유할 수 있는 정보 시스템이다. 이 자원들과 문서는 URL을 통해 확인한다. 인터넷은 웹보다 많은 것들을 한다. 웹은 그 케이블을 통해 넘어 다니는 것들의 일부분이다. 웹은 인터넷을 통해서 정보를 교환할 수 있게 해준다. 정보를 이송할 때는 HTTP라는 ..

자료형과 기본 자료형 기본적인 자료형에는 문자열, 숫자, 불이 있습니다. 문자열(string) : 메일 내용, 메시지 내용 등 ex. "안녕하세요", "HelloWorld" 숫자(number) : 물건의 가격, 학생의 성적 등 ex. 52, 203.34 불(boolean) : 친구의 로그인 상태 등 ex. True, Flase 자료형(data type) : 자료의 형식 파이썬에서는 자료의 형식을 확인할 때 type()함수를 사용한다. 문자열(string) 문자열은 문자들을 큰따옴표(")로 감싸서 만듭니다. 작은따옴표(')로도 문자열을 만들 수 있습니다. 큰따옴표나 작은따옴표나 같은 결과를 출력합니다. 이스케이프 문자(escape character) : 역슬래시(\)기호와 함께 조합해서 사용하는 특수한 문..

컴퓨터 프로그램 프로그래밍 : 프로그램을 만드는 것 Pro + Gram = Program 미리 + 작성된 것 = 미리 작성된 것 컴퓨터 프로그램 : 컴퓨터가 무엇을 해야 할지 미리 작성한 진행 계획 이진 숫자 컴퓨터가 이해할 수 있는 값은 오로지 0과 1로 이루어진 이진 숫자(binary digt)입니다. 이진 코드 이진 숫자로 이루어진 코드 소스코드 : 프로그래밍 언어로 작성한 프로그램 파이썬 로고는 Python이라는 영어 단어가 뜻하는 '비단 뱀'을 모티프로 만들어졌습니다. 파이썬이 인기있는 이유 -문법이 간단해서 배우기 쉽습니다. - 많은 사람이 사용하고 있어서 굉장히 다양한 분야에서 활용할 수 있습니다. - 대부분의 운영체제(윈도우, 맥, 리눅스)에서 같은 방법으로 사용할 수 있습니다. 용어들 표..

폼(form) 태그 폼? 사용자가웹 사이트로 정보를 보낼 수 있는 요소들 (텍스트 입력란, 비밀번호 입력란, 버튼 및 체크 박스 등)컨테이너 태그? 폼 만들기 여러 폼 요소 폼 액서스? 입력 내용을 그룹화한 뒤 작은 배송 라벨을 붙여 어떤 지정된 목적지로 함께 제출 폼 안에 버튼이 있으면 기본 값으로 해당 폼을 제출하게 된다. 하지만 옵션이 있다. 의 type처럼 type이라는 속성을 내보낸다. (의 속성과 옵션은 값이 다르다.) 태그- 폼 만들기 태그 폼을 만드는 가장 기본적인 태그로 태그와 태그 사이에 여러 폼 요소와 관련된 태그를 넣는다. 여러 폼 요소 검색 창을 만드는 폼 method 속성? 사용자가 입력한 내용들을 서버 쪽 프로그램으로 어떻게 넘겨줄 지 지정 method 속성의 속성값 get, ..

제목 요소 태그? heading(제목) 제목 텍스트는 일반 텍스트보다 굵게 표시된다. 제목의 레벨에 따라 h1~h6이다. h옆에 있는 숫자가 올라갈 수록 글자가 커진다. 은 한 페이지 당 한개 이며 이 있어야 를 쓸 수 있다. 단락 요소 태그? paragraph(단락) 글의 문단을 나눌때 사용 태그? break(줄 바꿈) 닫기 태그와 내용이 존재하지 않는 빈태그 글의 줄바꿈을 할 때 사용 태그? horizontal rule(수평 줄) 수평 줄을 삽입할때 사용 단락의 분위기가 바뀔때 사용 태그? 인용문 넣을 때 사용 태그? preformat의 줄임말 입력하는 그대로 화면에 표시 소스에 표시한 공백도 브라우저에 표시된다. 텍스트를 꾸미는 요소 태그? 태그? 공통점: 굵게 표시 차이점: 태그 굵게 강조할 텍스..

HTML이란? ● Hyper Text Markup Language 웹 페이지를 만들때 쓰는 언어, 완전한 프로그래밍 언어가 아니다. 👉 마크업을 하기 위한 언어 ● 하이퍼텍스트? 웹사이트에서 링크를 클릭해 다른 문서나 사이트로 즉시 이동할 수 있는 기능 Hyper Text → Text 북, Text를 초월하는 의미를 갖고 있다. 즉 Link ● markup(마크업)? 태그(tag)를 사용해 문서에서 어느 부분이 제목이고 본문인지, 어느 부분이 사진, 링크인지 표시하는 것 Markup Language → 프로그래밍 언어의 한 종류 태그를 붙이는 것 ● HTML 태그? 소스에서 꺽쇠괄호()로 묶인 부분 .html(.htm) 확장자를 사용 ● HTML은 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어 즉..