Web/HTML(4)
-
[HTML] input 과 button
1. input 태그의 value 속성 input 태그의 value 속성은 type 속성값에 따라 다르다 button, reset, submit: 버튼 내 텍스트 hidden, password, test: 입력 필드의 초깃값 check, image, radio: 해당 입력필드를 선택시 서버로 제출되는 값 정의 file: value X. 2. button 태그의 type 속성 submit: form을 제출하는 이벤트를 발생시킨다. reset: form안에 작성된 내용 초기화 button: 그 자체에 이벤트가 없다. 자바스크립트와 연결 default값은 submit 3. button 태그의 input 태그의 차이 input 태그는 스스로 닫는 태그. 즉, 하위태그를 추가할 수 없다. button 태그는 하위..
2023.02.22 -
[HTML] 입력 양식 작성하기
✅폼 삽입하기 웹에서 만나는 폼 사용자가 웹 사이트(서버)로 정보를 보낼 수 있는 요소들은 모두 폼(form) 태그 폼을 만드는 기본 태그 기본형 여러 폼 요소 속성 : 사용자가 입력한 내용을 서버 쪽 프로그램으로 어떻게 넘겨줄 것인지 지정 : 자바스크립트로 폼을 제어할 때 사용할 폼의 이름을 지정 : 태그 안의 내용을 처리해 줄 서버 프로그램을 지정 : action 속성에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에서 열도록 함 태그 폼 요소를 그룹으로 묶는 태그 기본형 ~ 태그 그룹으로 묶는 구역에 제목을 붙이는 태그 기본형 그룹 이름 태그 태그와 같은 폼 요소에 레이블을 붙일 때 사용 형식 태그 안에 폼 요소를 추가한다 태그와 폼 요소를 각각 따로 사용한다 단, 태그의 for 속성과 폼 요..
2022.06.29 -
[HTML] 다양한 내용 입력하기
✅텍스트 입력하기 태그 제목 표시 기본형: 제목 제목을 표시할 때 사용하는 태그 제목 제목 제목 태그 텍스트 단락기본형: 텍스트 태그 줄 바꾸기 닫는 태그가 없음 태그 인용문 넣기 기본형: 인용 내용 다른 텍스트보다 안으로 들여 써짐 어준혁의 설국열차 , 태그 굵게 표시 기본형: 내용 , 내용 : 중요한 내용이라서 강조해야 할 때 : 단순히 굵게 표시할 때 어준혁의 설국열차 , 태그 기울이기: 이탤릭체로 표시 기본형: 내용 , 내용 : 흐름상 특정 부분을 강조하고 싶을 때 : 단순히 이탤릭체로 표시할 때 어준혁의 설국열차 ✅목록 만들기 , 태그 순서가 있는 목록 어준혁 어준혁 어준혁 , 태그 순서가 없는 목록 어준혁 어준혁 어준혁 , , 태그 '이름(제목)'과 '값(설명)' 형태로 된 목록 태그 - 이름..
2022.02.10 -
[HTML] 소개
✅HTML(Hypertext Markup Language) 웹사이트를 만들기 위한 웹 페이지 구조 정의의 토대가 되는 기술, 프로그래밍 언어X ✅HTML 문서의 기본 구조 : 현재 문서가 HTML 언어로 작성한 웹 문서라는 뜻 : 웹 문서의 시작과 끝을 나타내는 태그 : 웹 브라우저가 웹 문서를 해석하는 데 필요한 정보를 입력하는 부분 : 실제로 화면에 나타나는 내용 ✅시멘틱 태그 이름만 봐도 의미를 알 수 있는 HTML태그 사용하는 이유: 화면 낭독기 같은 보조 기기에서 사이트의 구조를 이해 할 수 있다. 태그: 헤더 영역 태그: 내비게이션 영역, 웹 문서 위치에 영향X, 문서 안에 여러 개 만들 수 있음 태그: 핵심 콘텐츠, 웹 문서에서 한 번만 사용 태그: 독립적인 콘텐츠, 태그 포함 태그: 콘텐츠..
2022.02.10