[기본 개념] 2 | (2.1) 폼 삽입

[기본 개념] 2 | (2.1) 폼 삽입1> 폼 삽입하기2 사용자 입력을 위한 input 태그3 input 태그의 주요 속성4 폼에서 사용하는 여러 가지 태그1 폼 삽입하기폼을 만드는 태그 기본형 [속성="속성값"]>여러 폼 요소  폼을 만드는 가장 기본적인 태그로 과 태그 사이에 여러 가지 폼 요소를 넣는다.   태그는 몇 가지 속성을 사용해서 입력받은 자료를 어떤 방식으로 서버로 넘길 것인지 서버에서 어떤 프로그램을 이용해 처리할 것인지 지정한다.  다음을 태그의 속성이다. 종류설명method사용자가 입력한 내용을 서버 프로그램으로 어떻게 넘겨줄 것인지 지정 (get, post)- get : 데이터를 256 ~ 4096byte까지만 서버로 넘길 수 있다. 주소 표시줄에 사용자가 입력한 내용 드..

• format_list_bulleted 💠프로그래밍 언어/HTML
• · 2022. 2. 14.
• textsms

02. 표 태그를 사용한 문제

02. 표 태그를 사용한 문제다음 결과 화면을 참고하여 조건에 맞게 웹 문서를 작성하세요.(문서 안에 CSS가 미리 만들어져 있다고 가정한다.) 1. 4행 3열의 표를 만든다.2. 1 ~ 3행의 첫 번째 열을 합친다.3. 4행의 2열과 3열을 합친다.4. 화면에 내용이 있는 부분은 제목 셀로 지정한다.  // 코드를 작성하세요 결과 화면A. 해설1. 4행 3열의 표를 만든다.--> 태그 4개와 태그 안에 태그 3개씩 넣는다.2. 1 ~ 3행의 첫 번째 열을 합친다.--> 1행 1열 태그를 로 바꾸고 2, 3행의 첫째 열 1개씩 지운다.3. 4행의 2열과 3열을 합친다.--> 4행 2열 태그를 로 바꾼다. 열을 합치는 것은 다른 행에 영향 안 끼친다.4. 화면에 내용이 있는 부분은 제목 셀로 지정한다...

• format_list_bulleted 💠문제 풀이/HTML 문제 풀이
• · 2022. 2. 11.
• textsms

01. 텍스트 태그와 목록 태그를 사용한 문제

01. 텍스트 태그와 목록 태그를 사용한 문제다음 결과 화면을 참고하여 조건에 맞게 웹 문서를 작성하세요. 1. 제목은 가장 큰 제목부터 단계별로 작아지는 태그를 사용한다.2. 텍스트 단락에 줄 바꿈이 있다.3. 목록 부분은 '순서 없는 목록'으로 작성한다.4. 목록 내용 중 굵게 표시한 부분과 이탤릭체로 표시한 부분은 중요하지 않지만 다른 텍스트와 구별하기 위한 것이다.5. '혜택'내용은 '순서 있는 목록'으로 표시하되, 숫자는 알파벳 소문자를 사용한다.6. 문서 마지막에 이미지는 삽입 안 해도 된다.  // 코드를 작성하세요 결과 화면A. 해설1. 제목은 가장 큰 제목부터 단계별로 작아지는 태그를 사용한다.--> '수습 국원 모집', '방송에 . . . 환영합니다', '혜택'을 각각 , , 태그..

• format_list_bulleted 💠문제 풀이/HTML 문제 풀이
• · 2022. 2. 11.
• textsms

[정리] 1 | 텍스트, 목록, 표, 멀티미디어 정리

[정리] 1 | 텍스트, 목록, 표, 멀티미디어 정리텍스트 관련 태그종류설명n>제목. ~ 까지 사용할 수 있으며 숫자 커질수록 글자 크기는 작아진다.텍스트 단락. 내용이 길면 웹 브라우저 창의 너비에 맞게 자동으로 줄 바뀐다.줄 바꿈. 텍스트 단락 중 원하는 위치에서 줄 바뀜.내용 인용. 다른 내용보다 들여 쓰고 단락으로 표시한다.중요한 텍스트를 굵게 표시, 화면 낭독기에서 강조해서 읽어준다.중요하지는 않지만 굵게 표시한다.중요한 텍스트를 기울게 표시(문장), 화면 낭독기에서 강조해서 읽어준다.중요하지는 않지만(마음속 생각이나 용어) 기울게 표시한다.내용을 편집할 때 추가한 내용을 표시한다.내용을 편집할 때 삭제한 내용을 표시한다.위 첨자.아래 첨자.목록 관련 태그종류설명순서 있는 목록의 시작과 끝을 ..

• format_list_bulleted 💠프로그래밍 언어/HTML
• · 2022. 2. 11.
• textsms

[기본 개념] 1 | (1.3) 멀티미디어, 하이퍼링크

[기본 개념] 1 | (1.3) 멀티미디어, 하이퍼링크1 텍스트 입력하기2 목록 만들기3 표 만들기4 이미지 삽입하기5> 오디오와 비디오 삽입하기6> 하이퍼링크 삽입하기5. 오디오와 비디오 삽입하기다양한 멀티미디어 파일을 삽입할 때 쓰는  기본형 src="파일 경로" width="너비" height="높이">   태그는 비디오, 오디오, 자바 애플릿, PDF 등 다양한 멀티미디어 파일을 삽입할 때 사용하고, 웹 문서 안에 다른 문서를 삽입할 때도 사용한다.  data 속성에 보여줄 멀티미디어 파일을 지정하고 width, height 속성을 사용하여 플레이어의 크기를 지정한다.   태그는 HTML 의 , , 태그를 지원하지 않는 웹 브라우저에서 사용하며, src 속성을 사용하여 삽입할 멀티미디어 파일을 ..

• format_list_bulleted 💠프로그래밍 언어/HTML
• · 2022. 2. 11.
• textsms

[기본 개념] 1 | (1.2) 표, 이미지

[기본 개념] 1 | (1.2) 표, 이미지1 텍스트 입력하기2 목록 만들기3> 표 만들기4> 이미지 삽입하기5 오디오와 비디오 삽입하기6 하이퍼링크 삽입하기3. 표 만들기표를 만드는 , 태그 기본형  표 제목  표의 시작과 끝을 알려주는 태그를 표시하고 그 사이에 표와 관련된 태그를 넣는다.  표의 제목을 붙이고 싶으면 태그 바로 아랫줄에 태그를 사용한다. 제목은 표의 위쪽 중앙에 표시된다. 행을 만드는 태그와 셀을 만드는 , 태그 기본형      1행 1열    1행 2열        2행 1열    2행 2열     태그는  행을 만들고 태그는 행 안에 있는 셀을 만든다.  또한 표의 제목 행에 셀을 만들 때는 태그 대신 태그를 사용한다. 태그를 사용하면 내용은 진하게 표시되고 ..

• format_list_bulleted 💠프로그래밍 언어/HTML
• · 2022. 2. 11.
• textsms

[기본 개념] 1 | (1.1) 텍스트, 목록

[기본 개념] 1 | (1.1) 텍스트, 목록1> 텍스트 입력하기2> 목록 만들기3 표 만들기4 이미지 삽입하기5 오디오와 비디오 삽입하기6 하이퍼링크 삽입하기1. 텍스트 입력하기제목을 나타내는 n> 태그 기본형n>제목n>  다른 텍스트보다 크고 진하게 표시한다. n 의 자리에는 1 ~ 6의 숫자가 들어가며 이 가장 큰 제목이고 , , . . . , 의 순서로 크기가 작아지며 닫는 태그인 n> 을 사용해야 한다. 텍스트 단락을 만드는 태그, 줄을 바꾸는 태그 기본형내용   와 태그 사이에 텍스트를 입력하면 앞뒤로 빈 줄이 생기면서 텍스트 단락이 만들어진다.  이때, 편집기에서 줄을 바꿔도 웹 브라우저에서는 한 줄로 표시되며 텍스트 단락의 내용이 길어서 웹 브라우저에 한 줄로 표시되지 못할 경우 줄..

• format_list_bulleted 💠프로그래밍 언어/HTML
• · 2022. 2. 10.
• textsms

[기본 개념] 9 | (2.2) 스트림 중간 연산

[기본 개념] 9 | (2.2) 스트림 중간 연산1 스트림이란?2 스트림 만들기3> 스트림의 중간연산4> Optional와 OptionalInt5 스트림의 최종연산6 collect( )7 Collector 구현하기8 스트림의 변환3. 스트림의 중간연산스트림 자르기 - skip( ), limit( )skip( )은 요소를 건너뛰고, limit( )는 요소의 개수를 제한한다. IntStream intStream = IntStream.rangeClosed(1, 10) ;     // 1 ~ 10의 요소를 가진 스트림intStream.skip(3).limit(5).forEach(System.out :: println) ;      // 45678 스트림의 요소 걸러내기 - filter( ), distinct( ..

• format_list_bulleted 💠프로그래밍 언어/Java
• · 2022. 2. 10.
• textsms