운좋개

🟡 1. select 태그 - select 태그는 form 태그 안에서 사용하는 입력 태그 중에 목록을 나타내고 싶을 때 사용합니다. - select 태그는 option 태그를 사용하여 항목들을 하나하나 나타낼 수 있습니다. 속성 설명 name select 태그의 이름을 설정 합니다. size 목록(select)을 펼치기 전에 보여질 항목의 개수를 설정 합니다. multiple 다중값을 선택 가능하도록 설정합니다. disabled 화면에는 표시되지만 선택을 할 수 없게 설정합니다. autofocus 웹 페이지 로딩된 후 목록으로 바로 포커스가 맞춰지게 설정합니다. 🟣 size 속성 1 2 3 4 5 🟣 mutiple 속성 1 2 3 4 5 🟣 disabled 속성 1 2 3 4 5 🟡 1.1 select..

🟡 1. hyperlink - hyperlink는 html link라고도 불리고, hyperlink를 눌렀을 시 작성자가 설명하고자 하는 내용이 있는 웹주소로 이동하게 됩니다. 태그로는 a 태그를 사용하고 있습니다. 네이버 홈페이지 고고 네이버 홈페이지 고고 🟡 1.1 href 속성(attribute) - href 속성은 이동하고자 하는 정보나 파일의 위치(경로)를 지정해줍니다. 경로는 웹사이트의 주소 일 수도 있고, 내 컴퓨터 안에 파일 경로 일 수도 있습니다. 🟡 1.1.1 디렉토리(Directory) - 디렉토리는 컴퓨팅에서 파일을 분류하기 위해 사용하는 이름 공간이라고 위키백과에서는 설명하고 있는데, 쉽게 말해서 폴더라고 생각하면 됩니다. 조금 TMI를 하자면 MS-DOS, UNIX와 같은 CLI..

🟡 1. p 태그 - p 태그는 단락을 지정할 때 사용합니다. 첫번째 단락입니다! 두번째 단락입니다!!!!! 🟡 2. br 태그 - br 태그는 줄 바꿈을 해주는 태그입니다. 어려운 말로는 개행(line break)을 지정한다고 하는데, 결국 줄 바꿈을 뜻하는 말입니다. 그리고 br 태그는 빈 요소이므로 종료 태그가 없습니다. 첫번째 단락입니다! 두번째 단락입니다!!!!! - br 태그는 개수만큼 줄 바꿈이 진행이 됩니다. br 태그 1개 br 태그 4개 첫번째 단락입니다!두번째 단락입니다!!!!! 첫번째 단락입니다!두번째 단락입니다!!!!! 🟡 3. p 태그와 br 태그의 차이점 - '그럼 p 태그와 br 태그 둘 다 줄 바꿈을 하는데, 차이점은 모지?'라는 생각이 들 것입니다. 쉽게 차이를 보기 위해..

🟡 1. DOCTYPE html - DOCTYPE html이란 웹문서가 어떤 버전의 html 언어로 작성되었지를 표시하는 기능을 하는 태그입니다. 이를 문서 형식 정의(Document Type Definition, DTD) 태그라고 하는데, html문서 최상단에 위치해야 합니다. 그럼 웹브라우저는 DTD를 통해서 맞는 버전에 맞게 페이지를 로드해줍니다. HTML5 HTML 4.01 HTML 1.0 🟡 2. html tag 화면에 실제로 보이는 구간 - html태그는 모든 HTML요소들의 부모 요소이자 웹페이지의 제일 큰 테두리입니다. 그리고 웹페이지에서 단 한 번만 기술되면 됩니다. 🟡 3. head tag - head 태그 안에는 많은 메타데이터(다른 데이터를 설명하는 데이터)들을 포함할 수 있고, 그..

🟡 1. HTML이 먼데? HTML이란 (HyperText Markup Language)의 약자로서 웹페이지의 내용과 구조를 표현하는 마크업 언어입니다. 이게 먼소리야 😧 개발을 시작한 지 근 7년 정도(학교 포함..) 됐는데, 도큐먼트나 MDN에서 설명해주는 말은 무슨 말인지 도통 모르겠다... 내가 생각하는 HTML은 쉽게 생각해서 건물의 뼈대라고 생각한다. 사진과 같이 아파트나 건물을 짓기 위해서는 뼈대(철골)를 먼저 세워서 틀을 만들어준다. HTML도 마찬가지로 웹페이지를 제작하는 과정에서 뼈대이자 틀을 만들어주는 언어이다. 그럼 마크업언어가 뭐지? 마크업 언어란, 태그 등을 이용하여 문서나 데이터의 구조를 표기하는 언어이다. 이러한 모양을 태그라고 한다. 그리고 태그는 항상 시작태그(start ..