Html&Css
-
-
-
HTML5+CSS3 #5Html&Css 2023. 2. 16. 18:13
p186-247 네이밍의 공통 규칙 시작 이름은 가급적 영문 소문자 권장 두번째부터 숫자 문자 혼용 사용 가능 공백은 절대 허용하지 않는다 예약어가 있으면 되도록 예약어을 사용합니다(예약어를 첫 단에 붙여서 사용합니다) 아이디 요소의 개념 HTML문서에서 같은 ID를 가진 요소를 두 개 이상 가질 수 없습니다.(유일성) 클래스 요소의 개념 class스타일 시트에서 (.)구문을 쓰고 뒤에 클래스 이름을 입력 .class명 {} 공통사항을 묶어서 스타일을 주기위해 데이터 요소의 개념 data로 저장된 경우 js에서 value를 저장할수 있고 데이터를 읽습니다. snake-case 형태로 저장합니다 화면에 안보이게 글이나 추자 정보를 엘리멘트에 담아 놓을 수 있습니다. 스타일 시트의 개념 기본문법(선택자) 선..
-
HTML5+CSS3 #4Html&Css 2023. 2. 15. 18:21
form action 어디로 보낼지 쓰는 것이고 쿼리스트링(submit한 id,password,chech가 같이 넘어간다) 수신할 쿼리스트링이 있을 것이고 송신 받을 곳이 있을것이다 method(9가지 방법이 있고 보통 4종류) POST 쿼리스트링을 사용안함 사용자의 인자값은 대부분 사용함(ID,PASS이런것들을 보여주지 않기 위해) Id,pass,content GET 쿼리스트링을 사용함 ID,PASS가 노출됨 쿼리스트링 제한이 있음 (보통 6만자(태그 포함이라 양이 많은것은 아님) PUT/PATCH DELETE input 데이터피커 관련 사이트 https://demo.improvely.com/reports/webshop/ads?tab=searched_keyword&filters[ad]=1 https:/..
-
HTML5+CSS3 #3Html&Css 2023. 2. 15. 18:20
a 태그 (p75) 하이퍼 링크를 정의 합니다. href 속성값은 http://웹주소, 파일명, 전화번호, 메일주소, #아이디 등 사용가능합니다 방문하지 않는 링크는 밑줄과 파란색(Link) 방문한 링크는 밑줄과 자주색(visited) 확설링크는 밑줄과 빨간색(active) title 속성은 마우스(hover)시 툴팁(Tooltip) 텍스트를 보여줍니다. title에 tooltip은 접근성을 높일 수 있습니다. target _self (현재창) _blank(새창) _top(상위 창) 프레임 대상 _parent(부모 창) 프레임 대상 프레임 대상은 최상위 이기 때문에 Url이 바뀐다. cite 기본적으로 intalic체를 사용한다 인용된 자원을 나타내는 요소이다 blockquote와 q요소의 속성으로 출처..
-
HTML+CSS3#2Html&Css 2023. 2. 14. 09:39
HSL DOM DOM 문서 객체 모델 W3C표준이며 언어 중립적 인터페이스 입니다. 트리구조 inlinetext-align으로 좌,우측, 가운데 정렬을 할 수 있습니다line-height로 줄 높이 적용 할 수 있습니다. padding, margin 가능 width, height,가 적용되지 않습니다.(contents크기에 적용) 줄 바꿈이 없이 한줄로 표시되는 요소 입니다. Block 정렬 안됨(텍스트는 가능) height, padding, margin 적용 가능 inline-block
-
HTML+CSS5#1Html&Css 2023. 2. 10. 10:49
웹 표준 구조 , 표현, 동작 html5를 웹 을 구현하는데 있어 표준으로 사용되는 지침과 기술방식의 표준 w3c 웹을 위한 표준을 개발하고 장려하는 조직 HTML5 정의와 특징 Hyper Text Markup Language ASCII코드로 구성된 일반적인 텍스트파일 Markup 언어 웹 문서의 표준 포맷 시작과 종료가 명시적으로 있다. 반응형 웹 웹은 서로 다른 크기의 데스크톱 , 태블릿, 모바일 등의 기종에 맞게 반응하여 웹이 목적에 맞게 표현되는 레이아웃의 변화(폭에 영향을 받는다)