본문 바로가기

분류 전체보기

 (149)
공백 / 주석 기본적으로 HTML은 두 칸 이상의 공백을 모두 무시합니다. Hello, HTML Hello, HTML Hello, HTML 화면에 확인해보면 같은 화면이 나오게됩니다. 화면에 노출되지 않고 메모를 남기는 것을 말합니다. 주석의 시작은 표시로 종료합니다. 이 글은 네이버 부스트코스를 보고 포스팅 하였습니다. 감사합니다.
태그 중첩 / 빈 태그 태그안에 다른 태그를 선언 할수 있습니다. 올바른 예 hi, HTML 잘못된 예 Hello, HTML 무조건 태그를 중첩해서 사용 시 중첩되는 태그는 부모 태그를 벗어나서는 안 됩니다. 시작태그가 있고 종료태그가 없는 경우가 있습니다. 화면에 표시되지 않지만 다른 용도로 사용되는 태그입니다. 이 글은 네이버 부스트코스를 보고 남긴 글입니다. 감사합니다
HTML Hyper Text Markup Language 웹 을 만드는 언어 hyper Text는 Hyper Text는 웹 페이지의 특정 부분과 연결할 수 있는 기능을 가진 텍스트 링크를 의미합니다. 확장자는 Html 입니다. 태그 Html은 태그들의 집합이며 태그는 무언가를 표시하기 위한 이름표라는 의미입니다. 태그사용 태그는 기호로 표현 하면 기호사이에 태그이름이 들어갑니다. 태그는 시작태그와 종료 태그로 이루어져 있습니다. 종료태그 이름 앞에 '/'가 붙습니다. 요소 내용을 포함한 태그 전체를 요소라고 합니다. 속성 속성은 태그에 추가로 정보를 제공하거나 태그의 동작이나 표현을 제어할 수 있는 설정값을 의미합니다. 예시 Hello, HTML 이름="값" 속성값은 홑따옴표(')와 쌍따옴표(")로 감싸 표현합니..
border-radius border-radius 테두리를 둥굴게 만드는 속성입니다. 1. 속성 8군데 길이를 정해야합니다. border-radius: top-left-x top-right-x bottom-right-x bottom-left-x / top-left-y top-right-y bottom-right-y bottom-left-y 2.대각선 방향으로 값이 같을 때 사용할 수 있습니다. border-radius: aa bb aa bb / cc dd cc dd border-radius: 40px 80px / 80px 40px; 3.네 곳이 모두 같을 때 사용할 수 있습니다. border-radius: aa aa aa aa / bb bb bb bb border-radius: 80px / 40px; 4.가로 방향과 세로 방향의..
상속 html css javascript style attribute id selector class selector tag selector 우선순위 1.style attribute (태그에 가깝고 더 구체적이다.) 2.id selector (특정 아이디만 선택할수 있기 때문에 중복안됨 3.class selector (원하는 태그를 정할수 있기 때문에) 4.tag selector (포괄적이기 때문에) 구체적일수록 우선 순위가 높다. li{color:red !important;} 우선순위가 제일 높아진다. #idsel{color:blue;} #idsel{color:yellow;} .classsel{color:green;} 이 글은은 생활코딩을 참고하여 포스팅 하였습니다. egoing님 감사합니다.
flex box 이번 포스팅은 드림코딩 엘리님의 유튜브 강의를 보고 정리한 것입니다. (사진 자료는 드림코딩 엘리님의 유투브에서 캡쳐해온 자료입니다.) flexbox란? item 과 box를 행 또는 열로 자유자재로 배치해주는 기술입니다. 이 컨테이너 박스에 속성값들은 display flex-direction flex-wrap flex-flow justify-content align-items align-content 출처 드림코딩 by 엘리 item 속성값은 order flex-grow flex-shrink flex align-self flex 박스에는 중심축과 반대축이 있습니다. 지금은 수평축이 중심이고 수직축이 반대축이당 이번사진은 중심축이 수직축이고 반대축이 수평축입니다. display:flex flex-dire..
input 태그 input 태그 사용자가 데이터를 입력 할수있는 입력 영역을 지정하는 태그입니다. for 요소 안에 사용되면 태그는 닫는 태그가 없습니다. input type input type의 종류에는 Input Type: text 텍스트 입력(text input)위 한 줄의 입력 필드를 정의 text input: Input Type: password 는 password 필드를 정의한다. Input Type: submit 는 폼 -헨들러 (form- handler)에게 폼을 제출하 는 버튼을 정의합니다. 폼-헨들러(form-handler)는 일반적으로 입력 자료를 처리할 스크립트로 이루어진 서버페이지이 다. 폼-헨들러(form-handler)는 폼의 action 속성에 명시되며 일반적으로 수신된 입력을 가지고 무언가..
label 태그 label 태그란 사용자의 인터페이스 항목의 설명을 나타내고 label은 폼의 양식에 이름 붙이는 태그입니다. 을 요소와 연결하면 몇 가지 이점이 있습니다. label을 클릭하면, 연결된 양식에 입력할 수 있도록 하거나 체크를 하거나 체크를 해제합니다. 주요 속성은 for입니다 을 요소와 연관시키려면, 에 id 속성을 넣어야합니다. 그런 다음 에 id 와 같은 값의 for 속성을 넣어야합니다. Click me 아니면 안에 을 넣을 경우 연관이 암시적이므로 for 및 id속성이 필요없습니다. Do you like peas? developer.mozilla.org/ko/docs/Web/HTML/Element/label, www.codingfactory.net/11008 보고 포스팅 하였습니다. 감사합니다^^

티스토리툴바