총 44개
-
HTML5를 이용한 표 생성 방법2025.12.111. HTML5 Table 구조태그 HTML5에서 표를 생성하기 위한 기본 구조태그들을 설명한다. <table>은 표 전체를 정의하는 가장 바깥쪽 태그이며, <tr>은 표의 행을 정의한다. <td>는 데이터 셀을 정의하고, <th>는 머리글 셀을 정의하여 텍스트를 중앙 정렬하고 굵게 표시한다. 이러한 태그들을 조합하여 다양한 형태의 표를 구성할 수 있다. 2. HTML5 Table 셀 병합 표의 셀을 병합하기 위해 colspan과 rowspan 속성을 사용한다. colspan 속성은 셀을 가로로 병합하여 하나의 셀이 여러 열을 차지...2025.12.11
-
HTML5를 이용하여 아래의 표를 생성하시오2025.05.081. HTML5 HTML5는 웹 문서를 작성하기 위한 최신 버전의 HTML 언어입니다. 이 언어를 사용하면 다양한 웹 요소를 쉽게 구현할 수 있습니다. 이 문제에서는 HTML5를 사용하여 주어진 표를 생성하는 방법을 설명하고 있습니다. 2. 웹 테이블 HTML5에서는 <table> 태그를 사용하여 테이블을 생성할 수 있습니다. 이 태그 안에 <tr>과 <td> 태그를 사용하여 행과 열을 구성할 수 있습니다. 또한 rowspan과 colspan 속성을 사용하여 셀의 크기를 조절할 수 있습니다. 1. HTML5 HTML5는 웹 개발의 ...2025.05.08
-
HTML5, CSS3, JavaScript를 이용한 3명의 3과목 점수 계산 및 평균/석차 출력 프로그램2025.05.101. HTML5 HTML5는 웹 페이지를 구조화하고 의미를 부여하는 마크업 언어입니다. 이 프로그램에서는 HTML5를 사용하여 사용자 입력 폼과 결과 출력 영역을 구현하였습니다. 2. CSS3 CSS3는 HTML 요소의 스타일을 지정하는 언어입니다. 이 프로그램에서는 CSS3를 사용하여 입력 폼과 결과 출력 영역의 레이아웃과 디자인을 구현하였습니다. 3. JavaScript JavaScript는 웹 페이지의 동적 기능을 구현하는 프로그래밍 언어입니다. 이 프로그램에서는 JavaScript를 사용하여 사용자 입력을 받아 평균 점수와 ...2025.05.10
-
100점 과제물 / 시맨틱 태그를 이용하여 페이지 구조를 작성하시오. 작성한 페이지를 화면 캡쳐하고 소스 및 태그를 정리하여 보고서 형태로 제출하시오.2025.01.161. 시맨틱 태그 HTML5 문서는 시맨틱 태그를 이용하여 어느 기기를 사용하더라도 문서 구조를 표준화시켜 정확하게 이해할 수 있습니다. 이번 과제를 통해 시맨틱 태그를 이용한 레이아웃을 만들고 스타일을 입혀 시맨틱 태그를 실제로 사용해보려고 합니다. 2. 레이아웃 구조 상단에는 전체 너비의 header 와 그 아래영역에는 좌측에 nav, 우측에 main으로 2단구성을 배치하였고 하단에는 footer가 있는 구조로 기획하였습니다. 그리고 main 영역에는 공지사항, 영상, 갤러리의 콘텐츠들을 배치할 예정입니다. 3. header 태...2025.01.16
-
웹보안실습 강의자료(HTML Injection)2025.01.151. HTML Injection HTML Injection은 공격자가 악의적으로 주입한 데이터를 애플리케이션이 정상적으로 인식하여 실행하여 공격하는 것입니다. 공격방법이나 사용언어에 따라 SQL Injection, HTML Injection, OS Command Injection, LDAP (디렉토리 서비스) Injection 등의 종류가 있습니다. HTML Injection은 Code Injection의 하위 개념으로, 취약한 매개변수에 악의적인 HTML 코드를 삽입하는 공격입니다. 공격자는 사용자가 연결을 요청한 페이지에 HTM...2025.01.15
-
아이프레임을 이용한 이미지 및 영상 갤러리 페이지 제작2025.12.191. 아이프레임(iframe) 기술 아이프레임은 독립된 문서를 현재 문서 안에 삽입할 수 있는 기능으로, 한 페이지 안에서 여러 콘텐츠를 동시에 표시하거나 특정 영역에 동적으로 다른 페이지나 이미지를 불러올 수 있다. 이를 통해 웹 페이지의 구조를 유연하게 만들고 사용자에게 직관적인 인터페이스를 제공한다. 본 과제에서는 썸네일 클릭 시 아이프레임 내부에 HTML 문서를 동적으로 생성하여 이미지가 화면 가득히 표시되도록 구현했다. 2. 이미지 삽입 및 갤러리 구현 웹에서 이미지는 필수적인 요소로, 시각적 정보 전달이 텍스트만으로 이루...2025.12.19
-
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 입력 양식 구성 및 CSS 스타일 적용2025.12.181. HTML 입력 양식 구조 HTML 문서에서 입력 양식을 구성하기 위해 input 요소를 사용합니다. 텍스트 입력, 비밀번호 입력, 제출 버튼 등 다양한 타입의 입력 필드를 정의할 수 있습니다. 각 입력 필드는 레이블과 함께 배치되어 사용자가 쉽게 이해할 수 있도록 구성됩니다. 이 예제에서는 아이디, 비밀번호 입력 필드와 제출 버튼으로 구성된 간단한 로그인 양식을 만들었습니다. 2. CSS 스타일링 및 border 속성 CSS의 border 관련 속성을 사용하여 입력 양식의 테두리를 조정할 수 있습니다. border-radius...2025.12.18
-
HTML 기초 개념 정리2025.04.261. textarea 속성 textarea 태그는 여러 줄의 텍스트를 입력할 수 있는 입력 필드를 만듭니다. rows 속성은 세로 줄의 크기를, cols 속성은 가로 줄의 크기를 설정합니다. 2. dropdown list 속성 select 태그는 드롭다운 목록을 만듭니다. option 태그 안의 값은 화면에 출력되며, value 속성은 서버에 제출되는 값을 지정합니다. 3. radio 속성 input 태그의 type을 'radio'로 설정하면 하나의 선택만 가능한 라디오 버튼을 만들 수 있습니다. name 속성은 여러 개의 radi...2025.04.26
-
방통대 컴퓨터과학과 jsp프로그래밍_기말_과제물형2025.01.251. JDK JDK는 Java Development Kit의 약자이며, ORACLE 사이트에서 운영체제에 맞게 다운로드가 가능합니다. JSP 프로그래밍을 위해서는 JRE만 설치하는 것은 부족하고 JDK를 설치해야 합니다. JDK에는 컴파일러와 디버거가 포함되어 있습니다. 2. JSP 처리 과정 JSP 처리 과정은 다음과 같습니다. 클라이언트 요청 -> JSP페이지-> 서블릿 클래스 -> 서블릿 -> 클라이언트에게 응답. WAS/웹 컨테이너는 JSP에 대한 요청이 들어온 후 상응하는 서블릿이 존재하지 않을 경우 JSP페이지를 서블릿 ...2025.01.25
1 / 5
