00. HTML 개요

1. HTML이란 무엇입니까?

하이퍼텍스트 마크 업 언어

: 사용자가 참조(하이퍼링크)를 통해 다른 문서의 텍스트에 즉시 액세스할 수 있습니다.

하이퍼텍스트 마크 업 언어

: 태그 등을 사용하여 문서나 데이터 구조를 지정하는 언어.

웹 페이지를 작성(구축)하기 위한 언어

2. HTML의 기본 구조

<!
DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> </body> </html>

요소

HTML 요소는 시작 태그그리고 종료 태그 태그 사이에 배치 세부 사항작곡

> 태그(요소)는 콘텐츠를 포함하고 정보의 특성과 의미를 정의합니다.

내용이 없는 라벨

> br, 시간, img, 입력, 링크, 메타

요소를 중첩할 수 있음

> 요소를 중첩하여 단일 문서 작성

> 한 쌍의 여는 태그와 닫는 태그를 다시 확인하십시오.

: 오류를 반환하는 대신 레이아웃이 손상된 상태로 출력되기 때문에 디버깅이 어려울 수 있습니다.

속성

  • 속성을 통해 추가 라벨 정보를 설정할 수 있습니다.

  • 요소에는 경로 또는 크기와 같은 추가 정보를 제공하는 특성이 있을 수 있습니다.

  • 요소의 시작 태그에 작성되며 일반적으로 이름과 값의 쌍으로 존재합니다.

  • 태그와 독립적으로 사용할 수 있는 속성도 있습니다(HTML 전역 속성).

3. HTML 문서 만들기

텍스트 요소


텍스트 요소

그룹 콘텐츠


그룹 콘텐츠

형태

사용자 정보(데이터)를 제출하는 영역입니다.

입력하다

– 다양한 입력 데이터 타입 및 위젯 제공

입력 라벨

입력 자체는 레이블을 클릭하여 초점을 맞추고 활성화할 수 있습니다.

> 선택 영역이 넓어짐에 따라 웹/모바일(터치) 환경에서 사용자가 편안하게 사용 가능

> 레이블과 입력 간의 관계를 시각화할 뿐만 아니라 스크린 리더로 레이블을 읽어 콘텐츠를 쉽게 볼 수 있습니다.

<输入> 종속성 사용


** 혼동하지 마세요 **

아이디 : 라벨

쓰기 공간: 입력 상자

입력 유형 – 01. 일반

> 정상적인 상황에서 수신 입력, HTML 기본 유효성 검사 또는 추가 속성을 유형으로 사용할 수 있습니다.

  • text : 일반 텍스트 입력
  • 비밀번호 : 입력시 값은 보이지 않으며 문자는 특수기호
  • 표시
  • 이메일: 양식은 이메일이 아닌 형식으로 제출할 수 없습니다.

  • number : min, max 및 step 속성을 사용하여 일련의 숫자를 설정할 수 있습니다.

file:accept 속성을 사용하여 파일 유형을 지정할 수 있습니다.

입력 유형 – 02. 프로젝트에서 선택

> 선택 항목에 대한 내용을 레이블로 작성하고 항목으로 선택하기 위한 입력을 제공합니다.


> 같은 카테고리에 속한 아이템의 통일된 이름, 선택한 아이템의 값은 값으로 지정

  • 체크박스: 객관식

라디오: 단일 선택

입력 유형 – 03. 일반

> 요소의 동작은 유형에 따라 다르므로 각 요소의 내용에 주의하십시오.

https://developer.mozilla.org/en/docs/Web/HTML/Element/Input