본문 바로가기

HTML9

html 태그사전 html 태그사전 사이트. https://www.w3schools.com 세상에서 가장 큰 웹 개발자 사이트 라고 하네요. HTML, CSS, JavaScript, PHP, 등 태그와 설명이 나오지만, 영어네요. 이럴땐 영어공부의 필요성을 느끼게 됩니다.^^ 태그사전 등으로 검색해보면, 한국어로 설명된 사전도 많을 거라 생각 되는데요, 전문가가 아니기 때문에, 기초만 알면 블로그, 내가 만든 홈페이지 html 수정할때 도움이 될거 같습니다. 그리고 영어로된 페이지는 한국어로 전체 번역해도, 어느정도 이해는 될거 같네요. 무작정 외우기에는 의욕이 안생기네요.^^ 태그를 자주 사용하다 보면 외워질지 모르겠네요, 조금씩 테스트 해봐야 겠습니다.^^ 2020. 7. 7.
HTML 태그 사전 주석(comment)을 정의함. 해당 문서(document)의 타입을 정의함. 다른 콘텐츠와 연결되는 하이퍼링크(hyperlink)를 정의함. 축약형(abbreviation)이나 머리글자로만 된 단어(acronym)를 정의함. 머리글자로만 된 단어(acronym)를 정의함. (HTML5에서는 더 이상 지원하지 않으며, 대신 요소를 사용함.) 문서나 글의 저자 또는 회사와 연락할 수 있는 정보를 명시함. 문서에 포함되는 애플릿(웹 페이지에 포함되어 작은 기능을 수행하는 프로그램)을 정의함. (HTML5에서는 더 이상 지원하지 않으며, 대신 요소나 요소를 사용함.) 이미지 맵(image-map)에서 하이퍼링크가 연결될 영역을 정의함. 해당 문서나 페이지 또는 사이트와는 완전히 독립적으로 구성할 수 있는 요소.. 2020. 7. 1.
HTML5 요소 멀티미디어 파일 형식HTML5 이전까지는 웹 브라우저마다 어떤 종류의 멀티미디어 파일을 지원할지 각자 다른 방식으로 처리해 왔습니다. 하지만 HTML5에서는 플래시와 같은 외부 플러그인의 도움 없이도 멀티미디어 파일을 간단히 사용할 수 있게 되었습니다. 웹 브라우저는 파일의 타입(type)을 파일의 확장자로 판단합니다. 만약에 확장자가 .html인 파일을 보면, 웹 브라우저는 이 파일을 HTML 파일로써 다루게 될 것입니다. 비디오(video)나 사운드(sound)와 같은 멀티미디어 요소들은 멀티미디어 파일에 저장됩니다.HTML5 표준이 공식적으로 지원하는 비디오 파일 형식은 MP4, WebM, OGV 뿐입니다. 오디오(audio) 파일 형식HTML5 표준이 공식적으로 지원하는 오디오 파일 형식은 MP3.. 2020. 7. 1.
HTML5 기본 HTML5 개요 HTML5는 웹 상에서 콘텐츠(content)를 구성하고 보여주기 위한 HTML 언어의 최신 표준 권고안입니다. HTML5는 HTML 4.01, XHTML 1.1 등을 대체하는 HTML의 차세대 표준입니다. HTML5는 XML이나 XHTML과는 달리 문법적으로 매우 유연하게 대처합니다. 따라서 다음과 같은 사항들을 모두 문법적으로 허용합니다. - 태그 이름에 대문자 사용 - 속성값에 따옴표 생략 - 속성값 생략 - 빈 태그의 종료 태그(/) 생략 HTML5 문서의 기본 구조 HTML5에서는 DOCTYPE 선언이 매우 간단해졌습니다. 또한, 문자셋(character set)의 선언도 매우 간단해졌습니다. HTML5에서의 기본 문자 인코딩(character encoding) 방식은 UTF-8.. 2020. 7. 1.
HTML 확장 CSS란? CSS란 Cascading Style Sheets의 약자입니다. CSS는 HTML 요소들이 각종 미디어에서 어떻게 보이는가를 정의하는 데 사용되는 스타일 시트 언어입니다. HTML4 부터는 이러한 모든 서식 설정을 HTML 문서로부터 따로 분리하는 것이 가능해졌습니다. 오늘날 대부분의 웹 브라우저들은 모두 CSS를 지원하고 있습니다. CSS 적용 방법 HTML 문서에 CSS 스타일을 적용하는 방법은 다음과 같습니다. 1. 인라인 스타일(Inline style) 2. 내부 스타일 시트(Internal style sheet) 3. 외부 스타일 시트(External style sheet) 인라인 스타일(Inline style) 인라인 스타일이란 HTML 요소 내부에 style 속성을 사용하여 CSS.. 2020. 7. 1.
HTML 양식 form 요소 웹 페이지에서는 form 요소를 사용하여 사용자로부터 입력을 받을 수 있습니다. 또한, 사용자가 입력한 데이터를 서버로 보낼 때에도 form 요소를 사용합니다. form 요소는 다음과 같은 문법으로 사용합니다. action 속성은 입력받은 데이터를 처리할 서버 상의 스크립트 파일의 주소를 명시합니다. 이렇게 전달받은 데이터를 처리하는 스크립트 파일을 폼 핸들러(form-handler)라고 합니다. method 속성은 입력받은 데이터를 서버에 전달할 방식을 명시합니다. 따라서 사용자가 form 요소를 통해 입력한 데이터는 action 속성에 명시된 위치로 method 속성의 방식을 통해 전달됩니다. method 속성 method 속성을 통해 명시할 수 있는 form 요소의 전달 방식은 GET.. 2020. 7. 1.