K_blueprint

( 목 차 )이미지 삽입하기리스트 만들기표 만들기하이퍼링크 만들기id 속성으로 앵커 만들기1. 이미지 삽입하기 - 태그를 이용하면  HTML 문서에 이미지를 삽입할 수 있다. - src 속성으로 지정할 수 있는 이미지 종류는 아래와 같다.>>> BMP, GIF, PNG, JPG(JPEG), animated-GIF - src 속성에 다른 웹 사이트의 이미지 주소를 주어 타 웹사이트의 이미지를 가져와서 출력하는 것 또한 가능하다. (예시 코드) 이미지 삽입 디스코드 프로필 이미지 예시 사진입니다. 다음과 같이 이미지의 크기를 조절하여 출력이 가능합니다.▷ 해당 소스코드와 같은 폴더 또는 공간에 있는 이미지를 위의 코드처럼 불러올 수 있다.▷ 넓이, 높이 등을 조절할 ..

( 목 차 )HTML 페이지의 기본HTML의 태그란?HTML 기본 문서 만들기1. HTML 페이지의 기본- 웹 브라우저는 한 번에 하나의 HTML 페이지를 화면에 출력하게 되는데, 여기서는 HTML5에서 페이지가 어떻게 구성되는지를 살펴볼 예정입니다. - HTML5에서 HTML페이지는 아래와 같이 선언과 헤드, 바디 부분으로 구성됩니다. ▷ HTML 코딩 환경에서 ! + Enter를 눌렸을 때 만들어지는 HTML의 기본 뼈대입니다.▷ 위의 , 로 감싸져 있는 부분은 통상 문서의 제목이나 본문을 설명하는 태그, JS코드, CSS스타일 시트 등이 포함됩니다.▷ 로 감싸져 있는 부분 또한 JS코드를 포함할 수 있습니다. 글의 본문이나 주요 내용이 들어가는 부분입니다. + HTML문서 내에서의 주석문은 ..

본 게시판을 소개하는 간단한 HTML 페이지를 작성해 보겠습니다!본문의 제목에 마우스 커서를 올리면 사진이 출력됩니다. (태그 간단 설명)다들 아실 거라 생각되지만 HTML 코드 파일을 만들고 !+Enter를 하게 되면 HTML의 기본 뼈대가 자동으로 만들어집니다!body 태그 : 배경색 지정 / 왼쪽, 오른쪽의 공백을 지정합니다.h3 태그 : 글자의 위치를 가운데로 / 글자의 색을 지정합니다.hr 태그 : 라인의 높이 / 테두리 색상 / 채워질 색상을 지정합니다.span 태그 : 색 / 폰트의 크기를 지정합니다. function show() : 보여주는 기능으로 id를 "fig"로 지정한 "discord_cyber.png"이미지를 보여주는 기능입니다.function hide() : 숨기는 기능으로 id..

( 목 차 )웹의 기본 목적과 구성웹 브라우저의 종류웹 페이지의 주소, URL웹 페이지 구성 3요소(HTML, CSS, JS)요약1. 웹의 기본 목적과 구성- 웹의 기본 목적은 한 컴퓨터에서 만든 문서를 다른 컴퓨터에서 쉽게 볼 수 있도록 하는 것이다.(이러한 문서를 웹 문서라고 부른다.) - 웹은 컴퓨터의 기능을 "서버"와 "클라이언트"로 나누었다. 웹 서버 : 문서, 이미지, 동영상 등의 데이터를 저장웹 클라이언트 : 웹 서버로부터 데이터를 다운받아서 사용자에게 보여주거나 사용자 데이터를 웹 서버에 업로드하는 사용자 인터페이스의 역할※  "월드 와이드 웹"이란?- 월드 와이드 웹이라고 불리는 웹(WWW)은 여러 인터넷 서비스 중 하나로, 문서를 서버 컴퓨터에 올려놓고 인터넷을 통해 클라이언트 컴퓨터에..

● 분수로 주어지는 시간을 시간 수와 분 수로 변환하는 프로그램을 작성하라.● 60을 나타내는 기호 상수를 만들기 위해 #define이나 const를 사용하라.● 사용자가 반복적으로 값을 입력할 수 있도록 While 루프를 사용하고, 0 또는 0보다 작은 값이 입력되면 루프를 끝낸다. ● 각 줄에는 분 단위의 하나의 시간이 정수로 주어지고, 마지막 줄에는 0 혹은 음의 정수가 주어진다.● 하나의 정수는 1 이상 5,999이하이고, 입력 데이터의 수(줄의 수)는 1 이상 20 이하이다. ● 하나의 분 단위의 시간을 시(hours)와 분(minutes)으로 한 줄에 하나씩 출력한다. #include int main() { const int minperhour = 60; // 60을 나타내는 기호상수 in..

● 어느 가게의 1년 동안의 매출액이 분기 별로 주어져있다. 마지막 분기의 매출액이 전체의 몇 % 인지를 계산하는 프로그램을 작성하라.  EX) 분기1234매출액30142115예를 들어 위와 같은 테이블이 있다고 했을 때, 전체의 매출액은 80이고, 마지막 분기의 매출액은 15이므로, 15/80=0.1875로 전체 매출액의 18.75%이다. ● 첫째 줄에는 4분기 동안의 매출액이 4개의 정수로 주어진다.(정수는 0이상 100 이하의 값이다.) ● 첫째 줄에 마지막 분기의 매출액이 전체의 몇 %인지를 소수점 2자리까지 출력한다. #include int main() { int s1, s2, s3, s4; // 분기별 매출액을 저장할 변수 선언 double p; // 전체의 몇%의 매출액인지 산출된 값을 저..