CodeTech/HTML\CSS (29) 썸네일형 리스트형 HTML - 5 [Form tag and Semantic tag] 위 태그들 + a 들은 모두 form tag에 관한 tag들이다. 먼저 form을 만드는 것은 여러가지들을 이form 태그안에다 추가하는 것이다. : 입력창 위와 같이 간단히 input창이 생겼다. mdn에서 input을 검색해서 attributes들을 검색하면 간단하게 색을 선택 할 수 있는 입력창을 만들었다. 이러한 정보를 이용해서 새로운 Form을 만들어보자. 라벨내용 - id가 연결된다. - 하나의 element당 하나의 id가 규칙이다. (즉, 하나의 태그당 하나의 id를 가져야 한다.) - CSS에서도 이id는 활용되는데 HTML 코드내에 있는 element의 id를 이용하여 해당 element에게 근육을 붙인다. '이 id를 가진 버튼은 노란색으로 만들어야한다.' 가 CSS 의 역할인 것이다.. HTML - 4 [head, body, meta 수많은 태그들] 이제 html문서를 제대로 만들어 보자. 모든 html의 문서는 로 시작한다. 이경우는 별난 경우로서 시작과 끝이 없고 그냥 저 태그 하나 뿐이다. 무조건 저 태그로 시작한다. 하지만 브라우저는 저 태그가 있던 없던 문제되는 것을 보여주지 않는다. 하지만 저 태그는 필수이다. 저코드는 브라우저에게 이파일은 txt파일이 아니라 html문서라는 것을 알려주는 역할을 한다. 다음은 html 태그에 대해 알아보자 이안의 내용이 HTML 코드 웹사이트는 크게 두가지 구조로 나뉘어저 있는데 : 웹사이트의 내용의 안보이는 부분 : 웹사이트에서 보이는 부분 으로 나뉘어진다. Body body 태그 안에서는 웹사이트에서 보이는 부분을 나타낸다. body 태그 안의 모든 태그들은 브라우저의 보이는 부분에서 나타난다. 전에.. HTML - 3 [Tag] 저번글에 작성했던 것처럼 코드를 작성하면 HTML문법 오류가 없더라도 브라우저는 그냥 그 코드 그대로 보여준다. 브라우저는 언제나 사용자에게 content를 보여준다. 즉, 내가 만든 HTML파일에서 어디에 오류가 있는지 알려주지 않는다는 말이다. 이것은 장점으로도 볼 수 있는데, 우리가 실수를 하더라도 페이지에 접속한 유저가 이러한 에러를 직접적으로 볼수가 없다. HTML의 목적은 브라우저에게 내용이 무엇인지 알려주는 것이다. 태그와 태그 사이에 내용이 존재한다. 이러한 태그로 내용의 존재를 나타낸다. 예를 들면 위와 같이 태그를 시작과 끝이 있게 달아주고 그 안에 내용을 입력한다. 그러면 브라우저는 김치라는 내용이 food라는 것을 알게 된다. 이처럼 브라우저에게 무엇인지 알려주는 것이 HTML이다... HTML - 2 [파일 생성] HTML 공부를 하기에 앞서 개발환경을 위해서 Visual Studio Code를 다운로드 받는다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 위 사이트에 각 OS환경에 맞게 다운로드 후 설.. HTML - 1 [브라우저, 웹사이트(HTML, CSS, JavaScript)] 우리는 브라우저라는 도구를 쓴다. 웹사이트 들을 돌아다니는 도구로써 사용하지만 웹사이트를 만들게 되는 개발자에 입장에서 살펴보면 사실 웹사이트를 만드는 것이 아니다. 그저 text를 적는 것일 뿐. 예를 들어보자 유투브 뮤직 웹사이트 이다. 이것을 직접 만드는 것이 아니라. 이 웹사이트의 소스를 살펴보면 이와 같이 매우 복잡한 웹사이트의 코드를 볼수 있다. 이러한 Text를 개발자들은 만든다. 이러한 웹사이트의 text를 웹브라우저에게 주게 되면 우리가 보는 웹사이트로 만들어주는 것이다. 어느 장소에 어떠한 Text를 적는가 이규칙만 잘 지켜서 웹브라우저에 text를 넘겨준다면 웹사이트를 만들어주는 것이다. 즉, 웹사이트는 text일 뿐이다. 웹사이트는 최소 2가지에서 3가지 언어로 구성되어 있다. 1... 이전 1 2 3 4 다음
