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)은 여러 인터넷 서비스 중 하나로, 문서를 서버 컴퓨터에 올려놓고 인터넷을 통해 클라이언트 컴퓨터에..