HTML - 변경문자
2022. 12. 16. 18:14
HTML
Character Entity Decimal Hex Rendering in Your Browser Entity Decimal Hex quotation mark = APL quote " " " " " " ampersand & & & & & & less-than sign < < < Latin capital ligature OE Œ Œ Œ Œ Œ Œ Latin small ligature oe œ œ œ œ œ œ Latin capital letter S with caron Š Š Š Š Š Š Latin small letter s with caron š š š š š š Latin capital letter Y with diaeresis Ÿ Ÿ Ÿ Ÿ Ÿ Ÿ modifier letter circumflex a..
HTML - 주석 종류
2022. 9. 29. 09:12
HTML
: html주석 /* */ : javascript주석, 자바주석 // : javascript주석, 자바주석 :html, JS주석 (변형된 서블릿에서 포함하지 않음) : (주석)은 DOM에 포함되어 보이지만 은 DOM에 포함되어 보이지 않는다.
HTML - <a>
2022. 9. 8. 12:41
HTML
contents 태그는 anchor(닻)의 약어로, 하나의 페이지에서 다른 페이지를 연결할 때 사용하는 하이퍼링크(hyperlink)를 정의할 때 사용합니다. 따라서 태그에는 링크(link)의 목적지를 가리키는 href 속성이 필요합니다. 속성(attributes) 정의 및 형식 속성(attributes)이란 태그에 대해 추가적인 정보를 제공할 때 사용하는 것입니다. 키(key) = "속성 값(value)" 형식으로 속성을 명시할 수 있습니다. 또한 하나의 태그에 속성이 여러 개일 경우, 각 속성은 공백 한 칸으로 구분합니다. 네이버 URL 정의와 종류 다시 href 속성으로 돌아와서, href의 속성 값으로는 URL이 들어갈 수 있습니다. URL에 대해 간단히 설명하자면, 우선 Uniform Resou..

HTML - ARIA란
2022. 9. 6. 21:26
HTML
native HTML 요소가 포커스, 키보드 지원, 기본 제공 의미 체계를 제공하기 때문에, 지금까지는 네이티브 HTML 요소 사용을 권장해왔다. 하지만 단순한 레이아웃과 네이티브 HTML로는 작업을 수행하지 못할 때가 있다. 예를 들어서, 현재는 매우 일반적인 UI 구조인 팝업 메뉴에 대해 표준화된 HTML 요소가 없다. 또한, '사용자가 가급적 빨리 이 점에 대해서 알아야 함'과 같은 의미 체계상 특성을 제공하는 HTML 요소 역시 없다. 그럼 HTML이 단독으로 표현할 수 없는 의미 체계를 표현은 어떻게 해야할까? Web Accessibility Initiative(www.w3.org/TR/wai-aria/)의 Accessible Rich Internet Applications (이른 바 ARIA)..
HTML - label for
2022. 9. 5. 05:15
HTML
태그 정리 태그사이에 위치한 text, checkbox, radio 등은 클릭 가능 영역이 텍스트로 확장됩니다. 와 값은 서로 그룹을 형성합니다. HTML label 태그 태그는 태그를 도와주는 역할입니다. 태그가 디자인 하기 힘들 때 태그로 연결해서 쉽게 디자인하거나 클릭 편의성을 높일 수 있습니다. 예시를 보면 태그는 단순히 태그와 같은 단어 입력처럼 보일 수 있습니다. 그런데 아래 예제에서 글자 부분을 클릭해보면 키보드 커서가 우측의 text 창에 표시됩니다. 여기를 클릭하세요. 가장 좋은 예시는 radio나 checkbox 속성값을 사용할 때 입니다. 보통 이런 버튼은 너무 작아서 클릭할 때 비효율적입니다. 태그의 for 값을 nunu로 주고, 의 id 값을 nunu로 작성합니다. 이럴 경우 누누..

HTML - 목록태그 리스트 <ul>, <ol>, <li>, <dl>, <dt>, <dd>
2022. 9. 2. 14:23
HTML
목록 리스트(list) 관련 태그 이번 포스팅에서는 html 목록 리스트(list) 관련 태그에 대해서 알아보려고 한다. 리스트와 관련된 태그들은 텍스트나 이미지 등을 목록화하여 정리하며 카테고리 등을 표현하기 위해서도 자주 사용되는 중요한 태그 중 하나이다. , tag 태그는 순서가 없는 목록(unorder list)을 만들 때 사용되며, 내부에 요소(list item)를 포함하여 각 항목을 표시한다. 대부분의 브라우저에서 리스트에는 원과 같은 불릿(bullet)이 표현된다. HTML CSS JAVASCRIPT JAVA JSP ORACLE , tag 태그는 순서 있는 목록을 만들기 위해서 사용되며 과 같이 내부에 를 포함한다. 대부분의 브라우저에는 리스트가 숫자(기본값)로 표현되며 속성을 지정하여 변경..
유튜브 클론
2021. 11. 16. 23:43
HTML/마지막 평가
index.html menu Youtube search mic apps notifications perm_identity home 홈 schedule 시청기록 홈 시청기록 시청 기록이 없습니다. 회사소개 인재채용 이용약관 개인정보 처리 방침 고객센터 main.css * { box-sizing: border-box; } html { font-size: 16px; } .border-none { border: none; } .transparent { background: transparent; } button { cursor: pointer; } .header { display: grid; grid-row: none; grid-template-columns: 1fr 6fr 1fr; gap: 20px; heig..