04. <input> 태그를 사용한 문제 II

04. 태그를 사용한 문제 II다음 결과 화면을 참고하여 조건에 맞게 웹 문서를 작성하세요.(문서 안에 CSS가 미리 만들어져 있다고 가정한다.) 1. 폼 요소를 삽입할 때 태그를 사용해야 한다.2. 제목은 , 목록은 로 입력한다.3. '이름' 필드는 텍스트 필드로 삽입하고 '공백없이 입력하세요'라는 힌트를 표시한다.4. '연락처' 필드는 전화번호에 맞는 필드로 삽입한다.5. '지원 동기'는 텍스트를 여러 줄 입력할 수 있는 텍스트 영역 필드로 삽입한다.6. 텍스트 영역의 글자 수는 60자, 화면에 표시할 줄 개수는 5개로 지정한다.7. 텍스트 영역에 '본사 지원 동기를 간략히 써 주세요.'라는 힌트를 표시한다.8. 버튼은 태그나 태그를 이용해 만든다.  // 코드를 작성하세..

• format_list_bulleted 💠문제 풀이/HTML 문제 풀이
• · 2022. 3. 7.
• textsms

03. <input> 태그를 사용한 문제 I

03. 태그를 사용한 문제 I다음 결과 화면을 참고하여 조건에 맞게 웹 문서를 작성하세요.(문서 안에 CSS가 미리 만들어져 있다고 가정한다.)  예약 정보 // 코드를 작성하세요 결과 화면A. 해설우선 의 태그로 순서없는 리스트를 만들어준다. 그 후 '이름'에는 태그 'text'를, '전화'에는 태그 'number'를, '이메일'에는 태그 'email'을 유형으로 넣어준다.마지막 순서로, 'button' 유형으로 버튼을 생성하여 '예약하기'라는 내용을 입력한다.  예약 정보 이름 전화 이메일 예약하기         출처 | Do it! HTML+CSS+자바스크립..

• format_list_bulleted 💠문제 풀이/HTML 문제 풀이
• · 2022. 3. 7.
• 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