본문 바로가기

분류 전체보기154

HTML 문서구조 #3 구조를 설정을 위한 요소 학습하기 form 요소 - HTML의 서식을 정의하는 요소 action : 서식에서 전송 단추를 눌렀을 때 내용이 전송되는 서버 파일의 URL method : 폼이 전송되는 방식을 결정, GET과 POST 중 선택 고객 이름: 고객 이름: input 요소 - 입력 데이터 필드 ex) text, password, hide, radio, submit, reset label 요소 - 서식 입력 요소의 캡션. label로 하나로 묶어줄 수 있음 이름 : 이름 : input 요소 - name 속성 : 서식 값의 이름, - required 속성 : 반드시 입력되어야 함을 의미한다. - placeholder 속성 : 입력 폼에 짧은 힌트를 의미한다. - progress, meter 요소 : 작업의 진척도를 표시하기 위하여 사.. 2021. 7. 19.
HTML 문서구조 #2 구조를 설정을 위한 요소 학습하기 - 문단의 시작과 끝에 p요소를 지정! - 공백을 포함한 입력한 텍스트가 그대로 웹 브라우저에 출력 되어진다. - 컴퓨터 코드나 문자 그림을 표현하는데 적합하다. - 문단 레벨에서 주제를 분리 - 단일요소로 사용 되어진다. - 하나의 선이 생성 되어진다. - 아래의 선이 tag를 사용해서 만든 선이다. 목록 - 순서가 있는 목록 : 요소 선발타자 후발타자 후보 - 아래와 같이 표현 되어진다. 선발타자 후발타자 후보 - 순서가 없는 목록 : 요소 - 말머리 기호로 표현이 되어진다. 선발타자 후발타자 후보 - 정의 목록 - 사전적 정의를 위해 사용 - 하나 이상의 '정의 제목' '정의 내용'의 쌍으로 이루어진다. 정의 목록 요소 정의 목록 제목 요소 정의 목록 데이터 요소 정의는 중요하죠 정의는 진짜 중요하.. 2021. 7. 17.
HTML 문서구조 #1 섹션 알아보기 마크업 - 구조적 마크업 : 문서의 구조 정의, 콘텐츠의 의미 또는 역할 - 표현적 마크업 : 문서의 외형 정의, 문서 레이아웃, 디자인 (크기, 색) HTML - 문저의 구조만 정의 CSS - 문서 레이아웃과 디자인 정의 섹션 요소 - section요소로 내용을 분리, 내용적으로 분리되어 있어 자체적인 타이틀 필요 예식 시작 졸업생 소개 네비게이션 요소 - 문서의 동일 페이지 OR 다른 페이지를 연결하는 section - 목록으로 작성(CSS와 JavaScript 적용 시 다양한 동적 네비게이션 메뉴 만들 수 있다.) 독립적인 글 - 신문, 잡지, 댓글 하나 - 주로 사이드 바 형태로 표현 되어짐 머릿글 그룹 - 일반적으로 작성자, 저작권 등의 정보를 담음 헤딩 - 섹션의 제목 - h1~h6 까지 존재.. 2021. 7. 15.
HTML 기초 이해하기 #2 <HEAD> HEAD에 위치하는 요소 - 타이틀 ex) 웹 페이지 제목 - 문자 인코딩 = 문자가 어떤 형식으로 인코딩 되어있는지 알려주는 부분이라고 나는 생각하오... - 브라우저에게 text를 어떻게 그려달라는지 말해주는 것. ex) - 설정을 안하면 웹 브라우저에서 기본으로 설정한 문자 인코딩 화면으로 표시된다. - 메타테이터 = 파일에 관한 정보를 가지고 있는 데이터 ex) 디지털 카메라 사진의 경우 : 촬영 날짜, GPS 정보들이 들어 있다. = 웹 페이지의 설명, 작성자, 문자 인코딩, 저작권, 작성일 등이 포함 되어 있다. - 마치 요소가 필요없는 단독 요소 이다. - 외부 파일 연결 HTML : 콘텐츠의 구조 정의 CSS : 콘텐츠의 레이아웃과 표현 등 외향을 정의 JavaScript : 콘텐츠의 작동.. 2021. 7. 15.
728x90
반응형

티스토리툴바