총 55개
-
HTML 기초 개념 정리2025.04.261. textarea 속성 textarea 태그는 여러 줄의 텍스트를 입력할 수 있는 입력 필드를 만듭니다. rows 속성은 세로 줄의 크기를, cols 속성은 가로 줄의 크기를 설정합니다. 2. dropdown list 속성 select 태그는 드롭다운 목록을 만듭니다. option 태그 안의 값은 화면에 출력되며, value 속성은 서버에 제출되는 값을 지정합니다. 3. radio 속성 input 태그의 type을 'radio'로 설정하면 하나의 선택만 가능한 라디오 버튼을 만들 수 있습니다. name 속성은 여러 개의 radi...2025.04.26
-
웹보안실습 강의자료(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
-
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
-
HTML5를 이용하여 아래의 표를 생성하시오2025.05.081. HTML5 HTML5는 웹 문서를 작성하기 위한 최신 버전의 HTML 언어입니다. 이 언어를 사용하면 다양한 웹 요소를 쉽게 구현할 수 있습니다. 이 문제에서는 HTML5를 사용하여 주어진 표를 생성하는 방법을 설명하고 있습니다. 2. 웹 테이블 HTML5에서는 <table> 태그를 사용하여 테이블을 생성할 수 있습니다. 이 태그 안에 <tr>과 <td> 태그를 사용하여 행과 열을 구성할 수 있습니다. 또한 rowspan과 colspan 속성을 사용하여 셀의 크기를 조절할 수 있습니다. 1. HTML5 HTML5는 웹 개발의 ...2025.05.08
-
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
-
HTML5, CSS3, JavaScript를 이용한 3명의 3과목 점수 계산 및 평균/석차 출력 프로그램2025.05.101. HTML5 HTML5는 웹 페이지를 구조화하고 의미를 부여하는 마크업 언어입니다. 이 프로그램에서는 HTML5를 사용하여 사용자 입력 폼과 결과 출력 영역을 구현하였습니다. 2. CSS3 CSS3는 HTML 요소의 스타일을 지정하는 언어입니다. 이 프로그램에서는 CSS3를 사용하여 입력 폼과 결과 출력 영역의 레이아웃과 디자인을 구현하였습니다. 3. JavaScript JavaScript는 웹 페이지의 동적 기능을 구현하는 프로그래밍 언어입니다. 이 프로그램에서는 JavaScript를 사용하여 사용자 입력을 받아 평균 점수와 ...2025.05.10
-
특수문자를 이용한 페이지를 작성2025.05.071. HTML 엔티티 코드 정의 및 필요성 엔티티 코드란 Html 문서에서 특수 문자를 입력하기 위한 코드로, HTML이나 XHTML 문서를 코딩할 때 특수 문자(참조 문자)를 써야 하는 경우 엔티티 코드 또는 엔티티 넘버로 변환해서 사용해야 한다. 변환하지 않고 특수 문자를 그대로 입력하면 컴퓨터가 문서를 읽을 때 실제 페이지에 출력될 문서 내용(contents)과 코드를 구분하기 못하는 문제가 발생하기 때문이다. 2. HTML 엔티티 코드 종류 HTML 문서에서 사용할 수 있는 대표적인 특수문자 엔티티 코드에는 공백(스페이스바)...2025.05.07
-
신재희 자기소개서2025.05.031. HTML HTML(Hypertext Markup Language)은 웹 페이지를 구조화하고 표현하는 데 사용되는 마크업 언어입니다. 이 자기소개서에서는 HTML의 다양한 태그와 속성을 활용하여 글자, 멀티미디어, 테이블 등을 포함한 간단한 자기소개서를 작성하고 있습니다. 2. 웹 프로그래밍 이 자기소개서는 HTML을 사용하여 웹 페이지를 구현하고 있습니다. 웹 프로그래밍은 웹 브라우저에서 실행되는 애플리케이션을 개발하는 것으로, HTML, CSS, JavaScript 등의 기술이 사용됩니다. 3. 자기소개서 이 자기소개서에는 ...2025.05.03
-
송다훈의 홈페이지 만들기2025.01.171. HTML 기본 태그 HTML 기본 태그를 사용하여 메인 페이지를 만드는 방법에 대해 설명합니다. 이름, 학교명, 관심 분야, 좋아하는 음식, 메일 주소, 자기소개 등의 정보를 포함하는 메인 페이지를 구현하는 방법을 다룹니다. 2. 웹 페이지 구조 HTML 문서의 기본 구조인 <html>, <head>, <body> 태그를 사용하여 웹 페이지의 기본 구조를 만드는 방법을 설명합니다. 각 태그의 역할과 사용 방법을 소개합니다. 3. 텍스트 태그 웹 페이지에 텍스트를 표시하기 위해 <h1>, <p>, <span> 등의 태그를 사용하...2025.01.17
-
영화관 좌석 예약 앱2025.01.181. 웹 앱 프로그래밍 이 프로젝트는 웹 기반 앱 프로그래밍을 활용하여 영화관 좌석 예약 기능을 구현하였습니다. HTML, CSS, JavaScript를 사용하여 사용자 인터페이스와 좌석 선택 기능을 구현하였습니다. 사용자는 좌석 번호를 입력하면 해당 좌석의 배경색이 변경되어 선택된 것을 확인할 수 있습니다. 2. 사용자 인터페이스 설계 이 프로젝트에서는 직관적이고 사용자 친화적인 인터페이스를 설계하였습니다. 헤더 영역에는 프로젝트 제목을 표시하고, 좌석 선택을 위한 입력 필드와 버튼을 중앙에 배치하였습니다. 좌석은 5행 5열로 구...2025.01.18
1 / 6
