..front-end/HTML513 013. HTML5 Elements - 프로그래밍(Programing) HTML5 Elements - 프로그래밍(Programing) 태그는 브라우저에서 스크립트를 비활성화했거나 스크립트를 지원하지 않는 브라우저를 사용하는 사용자에게 표시할 대체 컨텐츠를 정의합니다. Element는 태그와 태그에서 사용할 수 있습니다. 태그 내부에서 사용될 때 Element는 , 및 Element 만 포함할 수 있습니다. ▶ 지원 브라우저 ELEMENT chrome edge firefox safari opera 지원 지원 지원 지원 지원 외부(Non-HTML) 응용프로그램에 대한 컨테이너를 정의합니다. ▶ 정의 및 사용법 태그는 웹 페이지, 사진, 미디어 플레이어 또는 플러그인 응용프로그램과 같은 외부 리소스에 대한 컨테이너를 정의합니다. ▶ 지원 브라우저 ELEMENT chrome edg.. 2021. 12. 28. 012. HTML5 Elements - 프레임(Frame) HTML5 Elements - 프레임(Frame) 인라인 프레임(Inline frame)을 정의합니다. ▶ 정의 및 사용법 태그는 인라인 프레임(Inline frame)을 지정합니다. 인라인 프레임(Inline frame)은 현재 HTML 문서 내에 다른 HTML 문서를 포함하는데 사용합니다. ※ 태그에 대한 name 속성을 항상 지정하는 것이 좋습니다. 스크린 리더(Screen reader)가 Element의 내용을 읽는데 사용합니다. ▶ 지원 브라우저 ELEMENT chrome edge firefox safari opera 지원 지원 지원 지원 지원 ▶ 속성 (Attributes) Attribute Value Description allow 해당 태그에 대한 기능 정책을 지정합니다. allowfull.. 2021. 12. 27. 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. 007. HTML5 Elements - 링크(Link) HTML5 Elements - 링크(Link) 하이퍼링크(Hyperlink)를 지정합니다. ▶ 정의 및 사용법 Visit IT-SEMICOLON 태그는 한 페이지에서 다른 페이지로 이동하기 위해 하이퍼링크(Hyperlink)를 지정합니다. 태그의 속성 중 가장 중요한 속성은 목적지를 나타내는 href 속성입니다. 모든 브라우저에서 링크는 다음과 같이 표시됩니다: - 방문하지 않은 링크는 파란색의 밑줄(Underline) 로 표시됩니다. - 방문했던 링크는 보라색의 밑줄(Underline) 로 표시됩니다. - 활성된 링크는 빨간색의 밑줄 로 표시됩니다. ▶ 지원 브라우저 ELEMENT chrome edge firefox safari opera 지원 지원 지원 지원 지원 ▶ 속성 (Attributes) At.. 2021. 12. 22. 006. HTML5 Elements - 공통 속성(Global Attributes) HTML5 Elements - 공통 속성(Global Attributes) accesskey Element을(를) 활성화(Activate) 또는 포커스(Focus)하기 위한 단축키를 지정합니다. ▶ 정의 및 사용법 HTML CSS accesskey 속성 값은 반드시 단일 문자(문자 또는 숫자)로 설정해야합니다. ※ 브라우저 별 단축키 사용법 Browser Windows Linux MAC Chrome [Alt] + accesskey [Alt] + accesskey [Control] + [Alt] + accesskey Edge [Alt] + accesskey N/A [Control] + [Alt] + accesskey Internet Explorer [Alt] + accesskey N/A N/A Firefo.. 2021. 12. 21. 이전 1 2 다음