태그 : 이름과 속성이 있음
<!DOCTYPE html> 현재 문서가 HTML5 언어로 작성한 웹 문서라는 뜻
<a href="#none"><img src="/kr/images"></a>
이름 : a, img
속성: href, src
<dd> 열린 태그
</dd> 닫힌 태그
태그가 시작을 했으면 끝에 종료 태그를 넣어줘야 한다. 열린 태그와 닫힌 태그는 쌍을 이 종료태그가 없는 경우는 넣지 않아도 된다
<head> 웹 브라우저가 해석하는데 필요한 정보를 입력하는 부분. 웹 브라우저에 나오지는 않음.
<title> TITLE </title>
</head>
<body> 웹 브라우저 화면에 보이는 부분
<br/> 개행. 태그를 짝 없이 단독으로 사용
<meta> 문자 세트 등 문서 정보가 들어 있는 태그. 한글로 된 내용을 표시하기 위해서 UTF-8 문자세트를 사용
하이퍼링
<a href="" target="_blank">
href: 어디로 연결할지
target : 새로운 탭으로 열고 싶을때
입력 양식 작성하기
form 사용자 정보를 입력하게 만들 수 있는 형식
사용자가 입력하는 정보 는 브라우저에서 서버로 넘겨주는 역할만 담당
정보를 직접 처리하는것은 서버에 있는 프로그램
action : 어떤 프로그램이 처리해야 하는지 알려주는 속성. 서버에서 폼을 처리할 때 실행할 프로그램 이름
type : "text" 한 줄 짜리 텍스트를 넣을 때
inline요소 : 가로로 한 줄에 모든 요소가 나타 남
< input >
type = "text"
type = "checkbox"
type = "radio" 선택을 하나만 하려는 경우 name을 똑같이 지정해 주어야 함
type ="number" value="1" 초기값 설정 max="5" 지정 숫자까지만 설정
type= "date", "month", "week" 날짜, 시간 지정
날짜와 시간 유형 : 브라우저마다 지원 형식이 다르다
caniuse.com
type="hidden" 화면에 보이지 않고 감춰져 있음. form양식과 함께 서버로 보내지는 정보를 담고 있음.
사용자가 전송을 누르는 순간 , hidden에 담겨져 있는 정보를 함께 서버로 전송
속성
required : 사용자가 입력해야만 다음으로 넘어갈 수 있음
readonly : 지우지 못하게끔 고정해 놓고 싶을 때 사용
autofocus : 커서가 자동으로 가있어야 할 곳에 있게끔 설정
<textarea>
한 줄이 아닌 여러줄의 텍스트를 입력하고 싶은 경우
<select>
option : 입력되어 있는 항목 선택
value : 서버로 넘겨 주는 값
selected : 선택해 놓은 값으로 자동으로 옮겨 짐.
'개발 공부 > WEB' 카테고리의 다른 글
| css - 선택자 / 스타일 우선순위/ 스타일 상속 (0) | 2024.02.18 |
|---|---|
| css (0) | 2024.02.18 |
| HTTP 메서드 (1) | 2024.01.08 |
| HTTP 기본 (0) | 2024.01.05 |
| URI와 웹 브라우저 요청 흐름 (1) | 2024.01.05 |