HTML515 001. JavaScript 알아보기 JavaScript 알아보기 '자바스크립트(JavaScript)'는 무엇인가? 자바스크립트(JavaScript)는 HTML 문서 내에서 상호작용을 위한 기능을 추가할 때 사용하는 프로그래밍 언어입니다. - HTML : - CSS : - JavaScript : Player 1: IT-SEMICOLON 2021. 12. 31. 002. CSS 사용하기 CSS 사용하기 스타일 시트(Style Sheet)를 추가하기 위하여 세 가지의 방법이 있습니다. - 외부 CSS (External CSS) - 내부 CSS (Internal CSS) - 인라인 CSS (Inline CSS) 여러 개의 스타일이 선언 되었을 때, 스타일(Style) 적용 우선 순위는 아래와 같습니다. 1. 인라인 스타일 (Inline style inside an HTML element) 2. 외부 또는 내부 스타일시트 (External and internal style sheet in the head section) 3. 브라우저 기본값 (Browser default) 외부 CSS (External CSS) This is a heading This is a paragraph. /* Ext.. 2021. 12. 30. 001. CSS 알아보기 CSS 알아보기 CSS 무엇인가? 'CSS'은(는) 'Cascading Style Sheets'의 약어입니다. 'CSS'은(는) HTML Element가 화면, 종이 또는 다른 미디어(Media)에서 어떻게 표시되는지 설명합니다. 'CSS'은(는) 한 번에 여러 웹 페이지의 레이아웃을 제어함으로써 많은 작업을 절약합니다. 'CSS'은(는) CSS 파일로 저장된다. CSS 왜 사용하는가? CSS는 다양한 디바이스(Device)의 화면 크기에 맞게 웹 페이지의 스타일을 정의하는데 사용됩니다. CSS 문서 소개 body { background-color: lightblue; } h1 { color: white; text-align: center; } p { font-family: verdana; font-si.. 2021. 12. 29. 013. HTML5 Elements - 프로그래밍(Programing) HTML5 Elements - 프로그래밍(Programing) 태그는 브라우저에서 스크립트를 비활성화했거나 스크립트를 지원하지 않는 브라우저를 사용하는 사용자에게 표시할 대체 컨텐츠를 정의합니다. Element는 태그와 태그에서 사용할 수 있습니다. 태그 내부에서 사용될 때 Element는 , 및 Element 만 포함할 수 있습니다. ▶ 지원 브라우저 ELEMENT chrome edge firefox safari opera 지원 지원 지원 지원 지원 외부(Non-HTML) 응용프로그램에 대한 컨테이너를 정의합니다. ▶ 정의 및 사용법 태그는 웹 페이지, 사진, 미디어 플레이어 또는 플러그인 응용프로그램과 같은 외부 리소스에 대한 컨테이너를 정의합니다. ▶ 지원 브라우저 ELEMENT chrome edg.. 2021. 12. 28. 011. HTML5 Elements - 메타데이터(Meta Info) HTML5 Element - 메타데이터(Meta Info) This is a heading This is a paragraph. 태그 HTML 문서에 대한 메타데이터(Metadata)를 정의합니다. 태그는 항상 2021. 12. 26. 010. HTML5 Elements - 스타일과 의미(Styles and Semantics) HTML5 Elements - 스타일과 의미(Styles and Semantics) 문서에 대한 스타일 정보를 정의합니다. ▶ 정의 및 사용법 A heading A paragraph. 태그는 문서의 스타일 정보(CSS)를 정의하기 위해 사용합니다. 태그 내부의 HTML Element에 대해 브라우저에서 렌더링되는 방식을 지정합니다. ▶ 지원 브라우저 ELEMENT chrome edge firefox safari opera 지원 지원 지원 지원 지원 ▶ 속성 (Attributes) Attribute Value Description media media_query CSS 스타일이 최적화되는 미디어나 매체를 지정합니다. type text/css 태그의 미디어 타입을 지정합니다. 문서의 블록(Block) 레벨의.. 2021. 12. 25. 009. HTML5 Elements - 멀티미디어(Multimedia) HTML5 Elements - 멀티미디어(Multimedia) 이미지(Image)를 정의합니다. ▶ 정의 및 사용법 태그는 HTML 페이지에 이미지(Image)를 포함시키기 위해 사용합니다. 이미지는 웹 페이지에 직접적으로 삽입되지 않습니다. 이미지는 웹 페이지에 링크(Link)되어 사용됩니다. 태그는 참조된 이미지를 위한 공간을 생성합니다. 태그는 두 개의 필수 속성을 가집니다. - src : 이미지(Image)의 경로를 지정합니다. - alt : 이미지(Image)에 대한 대체 텍스트(Text)를 지정합니다. 화면에 이미지가 표시되지 않을 때 사용됩니다. ※ 태그 사용 시, 항상 이미지(Image)의 폭(Width) 높이(Height)를 지정하시기를 권장합니다. 폭(Width)과 높이(Height)를.. 2021. 12. 24. 008. HTML5 Elements - 양식과 입력(Forms & Input) HTML5 Element - 양식(Form) 사용자의 입력(Input)을 위한 HTML 양식(Form)을 정의합니다. ▶ 정의 및 사용법 First Name: Last name: 태그는 다음과 같은 하나 이상의 양식(Form) Element를 포함할 수 있습니다: - : 입력(Input) 양식 - : 텍스트 영역(Textarea) 양식 - : 버튼(Button) 양식 - : 드롭-다운(Drop-down) 목록 양식 - : 드롭-다운(Drop-down) 항목 양식 - : 드롭-다운(Drop-down) 항목 그룹 양식 - : 양식(Form)에 대한 그룹 양식 - : 라벨(Label) 양식 - : 출력(Output) 양식 ▶ 지원 브라우저 ELEMENT chrome edge firefox safari oper.. 2021. 12. 23. 이전 1 2 다음
