Html Css JavaScript
-
레벨요소 - 블록, 인라인Html Css JavaScript 2022. 11. 14. 12:01
공간을 차지하는 레벨요소 유형으로 'block'와 'inline'이 있다 블록 레벨 요소 Ex: , , 등 태그를 사용해 요소를 삽입했을 때 혼자 한 줄을 차지하는 것. 인라인 레벨 요소 Ex: , , 등 태그를 사용해 요소를 삽입했을 콘텐츠만큼만 영역을 차지하고 나머지 공간에는 다른 요소가 올 수 있는 것. 예제 1 “서울집값 4년전 수준 간다, 영끌족 몰린 중저가 하락폭 더 클 것” 8시간전 2 [단독] 김만배, 수사 받던 남욱에게 “이재명이 넌 빠지라 했다” 6시간전 3 [단독] 밀항 준비설 돌던 김봉현...‘대포폰 추적’까지 막은 법원 6시간전 1 “서울집값 4년전 수준 간다, 영끌족 몰린 중저가 하락폭 더 클 것” 8시간전 2 [단독] 김만배, 수사 받던 남욱에게 “이재명이 넌 빠지라 했다” 6..
-
CSSHtml Css JavaScript 2022. 11. 14. 11:20
css (cascading style sheet) CSS는 우선순위(cascading: 폭포같은, 계속되는, 연속적인)가 있는 스타일 시트다. 스타일시트에서는 우선순위가 위에서 아래로 계단식으로 적용된다는 의미다. 우선순위: 사용자 스타일 -> 제작자 스트일 -> 브라우저 기본 스타일 상황에 따라 전체 표현 style을 변경하기 수월하다. 회원 가입 등의 정보의 입출력을 구성하는 html을 만들어두고 넓은 화면의 PC나 좁은 화면의 Mobile화면에서 html코드 수정 없이 css만 다르게 변경하여 상황에 맞게 표현 style을 적용할 수 있다. 2022.09.07 - React TutorialA03 Css적용 2021.01.09 - HTML속 CSS 적용 간단 예제 2018.02.03 - CSS태그의 ..
-
사용자 입력 input - text, sumit, reset, image, password, search, url, email, tel, checkbox, radio, number, range, data, month, week, time, datatime, datetime-localHtml Css JavaScript 2022. 11. 14. 10:42
input - text, sumit, reset, image, password, search, url, email, tel, checkbox, radio, number, range, data, month, week, time, datatime, datetime-local 로그인 id, password등의 사용자 입력을 받는 태그 속성들: type, id, size, value, maxlength type속성의 값들: text, sumit, reset, image, password, search, url, email, tel, checkbox, radio, number, range, data, month, week, time, datatime, datetime-local 속성들 type: 아래 참고 id:..
-
전송 form, fieldset, legend, labelHtml Css JavaScript 2022. 11. 14. 10:27
입력한 값을 특정 대상으로 전송하기 위한 태그 속성 method 입력한 내용을 서버 쪽으로 어떻게 넘겨줄 것인지 지정한다. get: 데이터를 256~4096byte까지만 서버로 전송 가능. 주소 표시줄에 입력한 내용이 그대로 드러난다. post: 전송 길이에 제한을 받지 않음, 주소 표시줄에 입력한 내용이 드러나지 않는다. 속성 name 자바스크립트 등으로 폼ㅁ을 제어할 때 사용할 폼의 이름 속성 action 서버에서 처리해줄 대상을 지정한다. 속성 target action에서 지정한 대상을 현재 창이 아닌 다른 창에서 열도록 한다. 속성 autocomplete 자동 완성 기능 , 폼요소를 그룹으로 묶는 태그 상품 방식1 pasword 8자 이상 HTML 삽입 미리보기할 수 없는 소스 방식2 paswor..
-
히이퍼링크 a hrefHtml Css JavaScript 2022. 11. 14. 10:03
링크는 태그로 만든다, 텍스트를 사용하면 텍스트 링크가 되고, 이미지를 사요하면 이미지 링크가 된다. 속성으로 가 있다. Ex: 하이퍼링크 설명 HTML 삽입 미리보기할 수 없는 소스 target="_blank" 새창열 만들고 링크를 연다. Ex: https://infos.tistory.com/4853" target="_blank"> https://t1.kakaocdn.net/kakaocorp/Kakao/kakaocom/images/pc/img_rights1_pc_en.png" alt="test"> HTML 삽입 미리보기할 수 없는 소스