HTML/HTML 이론 및 기본9 [HTML] Meta tag란? [meta 태그란?] 메타태그는 html문서의 정보를 담고 있는 element다. meta태그 속성에는 http-equiv, name, content 3가지 속성이 있다. - http-equiv="항목명" 웹 브라우저가 서버에 명령을 내리는 속성. - content="정보값" meta 정보의 내용을 지정 - name="정보 이름" 몇 개의 meta 정보의 이름을 정할 수 있으며, 지정하지 않으면 http-equiv와 같은 기능을 가짐 [기본적인 meta태그의 설정] 2019. 12. 14. [HTML] html이란? html 개념잡기 HTML이란? - Hyper Text Markup Language 웹에서 사용하는 마크업 언어 - 인터넷 상에서 사용하는 웹페이지의 정보를 표현하기 위한 언어 하이퍼텍스트 - 단위 텍스트들과 이것들을 결합하는 링크로 구성- 사용자가 연상하는 순서에 따라 관련 있는 쪽으로 이동하여 정보를 얻음 마크업(태그/tag)- 문서의 구조와 추가적인 정보를 부여하기 위해 문서 내에 삽입되는 일련의 문자 또는 기호- 문서는 내용(content), 구조(structure), 스타일(style) 로 나뉜다. 내용(content) 구조(structure) 스타일(style) - 의미적 마크업- 제목태그, 주소태그 등- , 등 - 구조적 마크업 - 문단태그, 제목글 태그 등 - , , 등 - 양식적 마크업- 모양, 색상 등-.. 2018. 4. 9. [HTML] html의 특징과 단점 HTML 특징(장점)? 웹 문서의 표준- 수정 및 관리가 용이하다.- 웹 접근성이 향상된다.- 호환성을 확보할 수 있다. 마크업 언어- 파일 용량이 작아 클라이언트-서버 간 빠른 문서 전달이 가능하다. 일반적인 텍스트 파일- 별도의 전용 프로그램이 아닌 간단한 메모장과 같은 편집기로도 충분하다. 컴퓨터 시스템과 운영체제에 독립적- 텍스트 문서 → 어떤 시스템/브라우저에서도 사용이 가능하다. HTML 단점? 웹 문서의 내용 표현에 집중 - 내용의 의미보다는 내용을 외양적으로 표현하는 태그에 치중 구조화된 정보의 표현과 검색의 어려움- 정보의 구조화 및 데이터 간의 연관성 표현의 어려움 제한적인 태그- 사용의 편의성이 있지만, 융통성 및 확장성이 결여 문서의 유효성 검증과 제약조건 정의의 어려움- 구조화되어.. 2018. 4. 9. [HTML] 폼태그와 입력양식 태그 1. form 태그 / input 태그 1-1. form 태그 - 사용자로부터 다양한 형태의 데이터를 입력받기 위한 요소들을 담는 컨테이너 > 입력요소(input, select, textarea 등)는 태그 내에서 사용 > 결과 화면에는 아무것도 표시되지 않음 > 기본형태 ... 속성 값 설명 action "URL" 폼 데이터를 전달받아 처리할 때 페이지의 URL method "전송방식" 데이터 전송에 사용하는 HTTP 방식 - method="get" 또는 method="post" GET 방식과 POST 방식의 차이 구분 method="get" method="post" 전송 형태 - 기본값(default) - 폼 데이터가 이름과 값의 형태로 URL에 포함되어 전송 - "URL?name=value&age=.. 2018. 4. 8. embed 태그 / aidio 태그 / video 태그의 사용 1. embed 요소 - 외부 애플리케이션이나 상호작용 콘텐츠를 위한 컨테이너 - HTML4.01 에서는 embed 태그를 지원하지 않는다. 속성 값 설명 src "URL" 내장되는 외부 파일의 주소/이름 height "픽셀" 내장되는 콘텐츠의 높이 width "픽셀" 내장되는 콘텐츠의 폭 type "미디어타입" 내장되는 콘텐츠의 미디어 타입 2. audio 요소 - 외부 플러그인의 도움 없이 오디오 재생 * 사용법 audio요소를 지원하지 않는 브라우저에서 대체 표시할 내용 * 활용법 속성 값 설명 src "URL" 재생할 오디오 파일의 URL autoplay "속성값" - 웹 문서 로딩 시에 오디오를 자동으로 재생할 지 여부 - 속성값 없이 사용 가능 → 속성명만 표시 - 속성값을 사용하는 경우 → .. 2018. 4. 5. [HTML] HTML에서의 테이블표현 1. 태그 - 태그 > HTML에서 테이블을 정의하는 태그 > m행 x n열 → m개의 태그, 각 태그 내에서 n개의 태그 > border-spacing 속성으로 테이블간 셀들의 간격을 조절할 수 있다. (px단위) - 태그 > table에 해당하는 제목을 표시 > 테이블 레이아웃에는 아무런 영향을 미치지 않음 > 반드시 의 시작태그 바로 다음에 위치해야 함 → 테이블에서 하나의 줄에 해당하는 행(row)을 정의하는 태그 > 또는 태그를 포함해야만 사용 가능 - 태그 > 테이블에서 데이터가 표시되는 표준 셀을 정의 > 반드시 태그 내에서 사용 > 셀 내용 → 왼쪽 정렬로 표시 - 태그 > 테이블 내부에서 행/열의 제목을 표시하는 헤더 셀을 정의 > 반드시 태그 내에서 사용 > 셀 내용 → 진하게 가운데 .. 2018. 4. 4. 이전 1 2 다음