📢 공지합니다
이 게시글은 메인 페이지에 항상 고정되어 표시됩니다.
개요: 필자가 클론코딩을 들으면서 정리한 게시물이다.(3.8~3.11) inline border는 다 적용할 수 있으나 margin은 좌우만 적용할 수 있다. 또 padding은 사방 다 적용할 수 있다. CSH body { } span { background-color: aqua; padding: 20px; margin: 30px; } div { background-color: aqua; padding: 20px; margin: 30px; } hello hello 다음과 같다. class #tomao1, #tomao2{ background-color: red; } hello hello hello hello 이렇게 쓸 수 있지만 뭔가 지저분하고 간결하지가 않다. } .tomao{ background-co..
개요: 필자가 클론코딩을 들으면서 정리한 게시물이다.(~3-7) CSS : Cascading Style Sheet 브라우저가 위에 코드를 차례되로 읽는다. 즉 위에서 아래로 차근차근 코드를 읽는다. CSS 작성하는 구조는 다음과 같다. CSH 무조건 head 안에 적어야 하며 첫번째 방법은 따로 만든 CSS 파일을 link를 통해 연결하고 rel= 다음과 같이 작성해주면 된다. 두번째는 html에 바로 style을 써서 해주는 방식이다. 보통 앞에껄 선호한다고 한다. h1 { color: blue; font-size: 20px; } aaaaaaaaaa The Nico Times 다음과 같이 style 안에 h1 태그를 가르치는 {}쳐서 다음과 같이 작성하다. 속성들은 되게 많은데 다 외울 필요없고 형식만..
개요: 필자가 클론코딩 공부하면서 정리한 게시물이다. 다음과 같은 결과가 나온다. color는 지정이 가능하다. placeholder 를 적용하면 다음과 같이 뜬다. type을 submit으로 지정하고 값을 버튼이라고 하면 위와 같이 뜬다. 다음과 같이도 쓸 수 있다. accept="원하는 파일 형식" 작성하고 파일 선택 누르면 해당 원하는 파일 형식만 누르 수 있다. 모든 태그들은 다 기억할 수 없다. 따라서 abcd > 대부분의 태그들은 이런 방식이므로 기억하고 이외에도 minlength, required 등 많은 것이 있으니 웹사이트를 참고하자. input의 type 기능도 여러가지 있다. 진짜 다 외우지 말고 웹사이트 참고하자 Profile Photo abc range 의 기능도 있고 label의..
개요: 필자가 코코아톡 클론코딩을 들으면서 정리한 게시물이다. HTML의 3가지 규칙 1. 첫번째 문에 작성 2. 태그 쓴다음 그 내용안에 작성 3. head 파트와 body 파트가 있다. head - 웹사이트의 환경 설정, 외부자가 볼 수 없는 환경(title 태그 했을시 페이지 이름 바뀜) body - 사용자가 볼 수 있는 내용을 보여줌 DOCTYPE html> Home - My first website. hello Go to google.com Go to google.com - 부가적인 정보 부가적인 요소는 content 와 name, charset 가지고 있다. 이런 문법이 아니다. DOCTYPE html> Home - My first website name = description 이거는 브라우..
개요: 필자가 코코아톡 클론코딩을 들으면서 정리한 게시물이다. 브라우저는 우리가 쓴 코드를 웹사이트로 반영해준다. 그 코드는 (HTML, CSS, javaScript)로 구성되어있다. HTML 브라우저에게 웹사이트의 content 가 무엇인지 알려주는것이다. 즉 사람의 뼈대라고 비유할 수 있다. 1. tag 내용을 감싸주는 기능 김치 가 있지만 기능이 없어 김치만 뜬다. 1-1. 다음과 같이 작성하면 hello this is my website hello this is my website hello this is my website hello this is my website hello this is my website hello this is my website hello this is my websi..