뇌 채우기 공간

어떤 태그에도 다 사용할 수 있는 속성을 알아보자 1. class와 id 2. style 반가워 3. title 제목2 내블로그 4. lang 보통은 html 부분에서 언어를 지정해준다. 5. data-* 사용자 정의 데이터 속성을 지정. HTML에 JavaScript에서 이용할 수 있는 데이터(정보)를 저장하는 용도로 사용. data- 하고 *에 아무거나 쓸 수 있음 자바스크립트에서 활용을 할 수 있음 html에서 데이터를 보관하고 있다가 js에서 활용한다. 자바칩 프라푸치노 6. draggable HTML Global draggable Attribute (w3schools.com) HTML Global draggable Attribute HTML draggable Attribute Example A ..

기본 select메뉴는 이렇게 쓴다. 처음에는 하나만 보이고 밑에 누르면 여러 옵션이 뜨는 형태이다. select태그에 속성을 아래와 같이 size와 multiple을 추가했다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 Document Apple Orange Banana Mango Fineapple Colored by Color Scripter cs 그러면 한번에 3개가 보이고 동시에 선택도 가능하다. option태그 속성에 대해서도 알아보겠다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 Document Apple Orange Banana Mango Fineapple Colored by Color..

각각의 브라우저마다 기본 css의 스타일이 다르기때문에 같은 화면을 제공하기 위해 기본 css스타일을 초기화해야한다. 이렇게 원래 태그의 스타일이 있다. 구글에 reset css cdn이라고 친다 reset-css CDN by jsDelivr - A CDN for npm and GitHub jsDelivr - A free, fast, and reliable CDN for Open Source Supports npm, GitHub, WordPress, Deno, and more. Largest network and best performance among all CDNs. Serving more than 80 billion requests per month. Built for production use. ..

form태그의 속성에 대해 알아보자 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 Document 로그인 Colored by Color Scripter cs 1. action submit을 눌렀을 때 어디로 보내겠다는 뜻 login페이지로 보내겠다는 뜻 2. method get방식과 host방식이 있다. get방식은 submit을 눌렀을때 주소창에 정보가 뜨는 것이다. post방식은 정보가 노출되지 않는다. 3. autocomplete 전에 입력했던 값을 자동완성으로 저장할 것인가. 기본값 on 4. novalidate 기본값은 이렇게 유효성 검사를 하게 되어있는데 novalidate를 하면 검사를 안하고 막써도 로그인버튼이 눌러진다. 5. target _self와 _blank가 ..

기본적인 표 만드는 법 table태그는 표가 들어올 영역을 차지하는 태그입니다. tr은 행을 이야기 하는 것이고 행이 있어야 열이 있을 수 있습니다. 그러니까 tr먼저 사용합니다. 그리고 td는 열을 의미하는 것입니다. tr의 자식으로 들어옵니다. th는 제목입니다. table head라는 뜻이고 저절로 두껍게 표시가 됩니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 Document 타입 값 알파벳 A 숫자 7 Colored by Color Scripter cs index.html 1 2 3 4 5 6 7 8 9 10 11 12 table{ border-collapse: collapse; } td{ bord..