총 9개
-
HTML 태그를 활용한 자기소개서 작성 가이드2025.11.151. HTML 기본 구조 및 문서 작성 HTML 문서는 <!DOCTYPE html> 선언으로 시작하며 <html>, <head>, <body> 태그로 구성됩니다. <head>에는 <meta charset="UTF-8">로 인코딩을 지정하고 <title>로 문서 제목을 설정합니다. <body>에는 실제 콘텐츠를 작성합니다. <h1>부터 <h6>까지의 제목 태그와 <p> 문단 태그를 사용하여 문서 구조를 정의합니다. 2. 이미지 삽입 및 <img> 태그 활용 <img> 태그는 src 속성으로 이미지 경로를 지정하고, alt 속성으로 대...2025.11.15
-
HTML과 JavaScript를 이용한 테이블 행 색상 구분2025.11.141. HTML 테이블 구조 HTML의 table, tr, th, td 요소를 사용하여 테이블을 생성합니다. thead와 tbody를 구분하여 헤더 행과 데이터 행을 명확히 하며, 각 행(tr)은 여러 개의 셀(td)로 구성됩니다. 이 예제에서는 3개의 열을 가진 테이블을 생성하고 헤더 행과 3개의 데이터 행을 포함합니다. 2. CSS 스타일링 CSS의 클래스 선택자를 사용하여 홀수 행과 짝수 행에 다른 배경색을 적용합니다. even-row 클래스는 파란색(#cce6ff), odd-row 클래스는 빨간색(#ffcccc)의 배경색을 지...2025.11.14
-
송다훈의 홈페이지 만들기2025.01.171. HTML 기본 태그 HTML 기본 태그를 사용하여 메인 페이지를 만드는 방법에 대해 설명합니다. 이름, 학교명, 관심 분야, 좋아하는 음식, 메일 주소, 자기소개 등의 정보를 포함하는 메인 페이지를 구현하는 방법을 다룹니다. 2. 웹 페이지 구조 HTML 문서의 기본 구조인 <html>, <head>, <body> 태그를 사용하여 웹 페이지의 기본 구조를 만드는 방법을 설명합니다. 각 태그의 역할과 사용 방법을 소개합니다. 3. 텍스트 태그 웹 페이지에 텍스트를 표시하기 위해 <h1>, <p>, <span> 등의 태그를 사용하...2025.01.17
-
HTML5, CSS3, JavaScript를 이용한 3명의 3과목 점수 계산 및 평균/석차 출력 프로그램2025.05.101. HTML5 HTML5는 웹 페이지를 구조화하고 의미를 부여하는 마크업 언어입니다. 이 프로그램에서는 HTML5를 사용하여 사용자 입력 폼과 결과 출력 영역을 구현하였습니다. 2. CSS3 CSS3는 HTML 요소의 스타일을 지정하는 언어입니다. 이 프로그램에서는 CSS3를 사용하여 입력 폼과 결과 출력 영역의 레이아웃과 디자인을 구현하였습니다. 3. JavaScript JavaScript는 웹 페이지의 동적 기능을 구현하는 프로그래밍 언어입니다. 이 프로그램에서는 JavaScript를 사용하여 사용자 입력을 받아 평균 점수와 ...2025.05.10
-
인터넷 활용 ) 임의의 주제를 선정하고, 해당 주제에 맞는 페이지를 작성하시오. 작성한 페이지를 화면 캡쳐하고 소스 및 주요기능을 정리2025.01.191. 웹페이지 제작 이 프레젠테이션은 임의의 주제를 선정하고 해당 주제에 맞는 웹페이지를 작성하는 방법에 대해 설명합니다. 웹페이지 제작을 위해 HTML과 CSS를 사용하여 여행 관련 정보와 이미지를 제공하는 페이지를 만들었습니다. 또한 여행지 순위를 확인할 수 있는 링크를 제공하여 사용자에게 유용한 정보를 제공하고 있습니다. 2. 웹 디자인 이 프레젠테이션에서는 웹페이지 제작 시 CSS를 활용하여 레이아웃, 색상, 폰트 등 웹 디자인 요소를 구현하는 방법을 보여줍니다. 헤더, 섹션, 버튼 등 각 요소의 스타일을 지정하여 사용자에게...2025.01.19
-
신재희 자기소개서2025.05.031. HTML HTML(Hypertext Markup Language)은 웹 페이지를 구조화하고 표현하는 데 사용되는 마크업 언어입니다. 이 자기소개서에서는 HTML의 다양한 태그와 속성을 활용하여 글자, 멀티미디어, 테이블 등을 포함한 간단한 자기소개서를 작성하고 있습니다. 2. 웹 프로그래밍 이 자기소개서는 HTML을 사용하여 웹 페이지를 구현하고 있습니다. 웹 프로그래밍은 웹 브라우저에서 실행되는 애플리케이션을 개발하는 것으로, HTML, CSS, JavaScript 등의 기술이 사용됩니다. 3. 자기소개서 이 자기소개서에는 ...2025.05.03
-
100점 과제물 / 시맨틱 태그를 이용하여 페이지 구조를 작성하시오. 작성한 페이지를 화면 캡쳐하고 소스 및 태그를 정리하여 보고서 형태로 제출하시오.2025.01.161. 시맨틱 태그 HTML5 문서는 시맨틱 태그를 이용하여 어느 기기를 사용하더라도 문서 구조를 표준화시켜 정확하게 이해할 수 있습니다. 이번 과제를 통해 시맨틱 태그를 이용한 레이아웃을 만들고 스타일을 입혀 시맨틱 태그를 실제로 사용해보려고 합니다. 2. 레이아웃 구조 상단에는 전체 너비의 header 와 그 아래영역에는 좌측에 nav, 우측에 main으로 2단구성을 배치하였고 하단에는 footer가 있는 구조로 기획하였습니다. 그리고 main 영역에는 공지사항, 영상, 갤러리의 콘텐츠들을 배치할 예정입니다. 3. header 태...2025.01.16
-
반응형 Web을 조사 분석 하시오2025.01.181. 반응형 웹의 등장 배경과 특징 웹 3.0 시대에는 다양한 스마트 기기의 등장으로 다양한 해상도로 만들어진 웹 레이아웃과 콘텐츠의 문제를 '응답형 웹'이라는 기술로 해결할 수 있다. 반응형 웹은 화면 크기가 다른 기기(데스크탑 PC, 태블릿, 스마트폰)별로 최적화된 사이트를 구현하기 위한 생산 방식으로, 하나의 소스로 모든 디바이스 타겟의 페이지를 생성할 수 있다. 반응형 웹은 제작자가 아닌 사용자 중심의 화면 크기를 기준으로 표시하기 때문에 새로운 기기가 등장하더라도 웹사이트를 변경하거나 제작할 필요가 없다. 2. 반응형 웹의...2025.01.18
-
방통대 컴퓨터과학과 jsp프로그래밍_기말_과제물형2025.01.251. JDK JDK는 Java Development Kit의 약자이며, ORACLE 사이트에서 운영체제에 맞게 다운로드가 가능합니다. JSP 프로그래밍을 위해서는 JRE만 설치하는 것은 부족하고 JDK를 설치해야 합니다. JDK에는 컴파일러와 디버거가 포함되어 있습니다. 2. JSP 처리 과정 JSP 처리 과정은 다음과 같습니다. 클라이언트 요청 -> JSP페이지-> 서블릿 클래스 -> 서블릿 -> 클라이언트에게 응답. WAS/웹 컨테이너는 JSP에 대한 요청이 들어온 후 상응하는 서블릿이 존재하지 않을 경우 JSP페이지를 서블릿 ...2025.01.25