HTML.CSS.JS/html 24

[html] select, textarea tag

DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta http-equiv="X-UA-Compatible" content="IE=edge">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>Selecttitle>head>body>            - 제시된 항목 중 하나를 선택하게 하는 태그        - 콤보박스와 유사        - option태그로 안의 선택영역의 값을 표현        - option태그에 value 속성을 넣으면 옵션태그가 선택되었을 경우, 전송되는 값을 지정        - value가 없으면 option태그의..

HTML.CSS.JS/html 2023.04.24

[html] div, pre, button tag

DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta http-equiv="X-UA-Compatible" content="IE=edge">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>div tagtitle>head>body>    div>        - P 태그와 비슷        - block 속성의 태그 (새 라인에서 시작하는 태그)        - p태그는 기본 시작의 위/아래에 여백(마진)이 있고, div는 없음        - 원하는 컨텐츠를 묶어서 사용할 때 쓰임        - 시멘틱 태그의 형태로 여러가지 말로 바뀌여서 ..

HTML.CSS.JS/html 2023.04.24

[html] a_id 싱커 (책갈피)

1번위치 2번위치 3번위치 2번 3번 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta http-equiv="X-UA-Compatible" content="IE=edge">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>a 싱커(책갈피)title>head>body>        : 책갈피 기능 = 도움말에서 해당 목차를 클릭하면 그 위치로 이동하는 요소  ..

HTML.CSS.JS/html 2023.04.24

[html] a tag/ herf, target, download 속성

DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta http-equiv="X-UA-Compatible" content="IE=edge">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>tag속성.title>head>body>        - 다른 페이지로 이동하게하는 태그    - 다운로드가 가능하게 하는 태그    - 태그 안쪽의 글자에 링크가 걸림         - herf 속성         : 이동할 url값(없다면 현재페이지 새로고침)            값에 //, http:// : url로 인식, 없다면 파일로 인식     ..

HTML.CSS.JS/html 2023.04.24

[html] inline, block, inline-block 속성

DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta http-equiv="X-UA-Compatible" content="IE=edge">    meta name="viewport" content="width=\, initial-scale=1.0">    title>tag 종류title>head>body>    p>        inline 속성 : 줄바꿈이 안되는 속성        - 엘리먼트들이 전 후 줄바꿈 없이 한줄로 다른 엘리먼트들과 나란히 배치        - i, ins, del, span(상품명을 적는 경우 사용), a, em    p>        p>        block 속성 : 줄바꿈이 되는 속성        - 엘..

HTML.CSS.JS/html 2023.04.24

[html] input_tag

DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta http-equiv="X-UA-Compatible" content="IE=edge">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>input tagtitle>head>body>            단일태그 : 열고 닫지 않는 태그 ex) meta, input -->                type 속성에 따라 여러기능으로 사용        사용자에게 정보를 입력받는 경우 사용                태그와 같이 사용된다. -->        - 가장 많이 사용    - 영문, 한..

HTML.CSS.JS/html 2023.04.24