본문 바로가기

Programming

기초코딩 - CSS의 기초(CSS는 순서대로 읽는다) 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 저번 글에서는 CSS 코드 작성방법에 대해 알려드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1158 기초코딩 - CSS의 기초(CSS 코드 작성하기) 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 저번 글에서는 CSS 개념 정리와 HTML에 CSS를 적용시키는 방법에 대해 알려드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 tm-csc.tistory.com CSS 코드는 브라우저가 코드를 읽을 때 위에 있는 코드부터 하나씩 차례대로 읽는다는 특성을 가지고 있습니다. 이것에 대해 알려드리는 이유는 가끔은 브라우저의 읽는 방식을 유용하게 사용할 수.. 더보기
기초코딩 - CSS의 기초(CSS 코드 작성하기) 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 저번 글에서는 CSS 개념 정리와 HTML에 CSS를 적용시키는 방법에 대해 알려드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1156 기초코딩 - CSS의 기초(HTML문서에 CSS추가하기) 드디어 이번 글부터는 CSS에 대해 알려드리도록 하겠습니다. 저번 글에서는 HTML에 대한 전반적인 개념과 지금까지 알려드린 것의 총정리를 적어놨습니다. 만약 기억이 잘 나지 않으시거나 혹시 tm-csc.tistory.com 그럼 바로 CSS 코드를 작성 해보겠습니다. 일단 VSC를 실행시켜주세요. 이렇게 STYlE.CSS 창을 열어주시고요. 3가지 규칙만 기억해주시면 됩니다 CSS.. 더보기
기초코딩 - CSS의 기초(HTML문서에 CSS추가하기) 드디어 이번 글부터는 CSS에 대해 알려드리도록 하겠습니다. 저번 글에서는 HTML에 대한 전반적인 개념과 지금까지 알려드린 것의 총정리를 적어놨습니다. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1154 기초코딩- HTML의 기초(총 정리) 저번 글에 이어서 계속해서 HTML에 대해 알려 드리도록 할게요 저번 글에서는 div와 span 의미는 없지만 꼭 필요한 태그에 대해서 설명해드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르시 tm-csc.tistory.com 그럼 CSS 개념부터 잡고 말씀드려야겠죠. HTML이 뼈대라면 CSS 근육 HTML이 맨얼굴이면 CSS는 화장한 얼굴 이라고 말씀드렸습니다. 바로 홈페이지에 스타일을 .. 더보기
기초코딩- HTML의 기초(총 정리) 저번 글에 이어서 계속해서 HTML에 대해 알려 드리도록 할게요 저번 글에서는 div와 span 의미는 없지만 꼭 필요한 태그에 대해서 설명해드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1153 기초코딩- HTML의 기초(의미없지만 필요한 태그 div, span) 저번 글에 이어서 계속해서 HTML에 대해 알려 드리도록 할게요 저번 글에서는 attibute 활용에 대해서 설명해드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해� tm-csc.tistory.com 이번 글에는 뒤죽박죽 섞여있을 듯한 HTML에 대해 다시 한번 총정리하는 시간을 가지도록 할게요. 기본적으로 HTML은 홈페이지를 구.. 더보기
기초코딩- HTML의 기초(의미없지만 필요한 태그 div, span) 저번 글에 이어서 계속해서 HTML에 대해 알려 드리도록 할게요 저번 글에서는 attibute 활용에 대해서 설명해드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1151 기초코딩- HTML의 기초(form 태그 - 수많은 type)-2편 저번 글에 이어서 계속해서 HTML에 대해 알려 드리도록 할게요 저번 글에서는 form의 태그와 input 태그의 attributed에 대해서 설명해드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분�� tm-csc.tistory.com 지금껏 atribute를 활용하면 굉장히 강력한 사이트를 만들 수 있다는 걸 알려드렸는데요. 이번 글은 어떤 tag들은 의미가 있고 반대로 의미가 .. 더보기
기초코딩- HTML의 기초(form 태그 - 수많은 type)-2편 저번 글에 이어서 계속해서 HTML에 대해 알려 드리도록 할게요 저번 글에서는 form의 태그와 input 태그의 attributed에 대해서 설명해드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1149 기초코딩- HTML의 기초(form 태그 - 수많은 type)-1편 저번 글에 이어서 계속해서 HTML에 대해 알려 드리도록 할게요 저번 글에서는 html의 다른 태그와 그 태그를 찾는 방법에 대해서 설명해드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르시� tm-csc.tistory.com 그럼 이번 글에서는 Form tag에 대해 저번 글에 이어서 설명드릴게요. 저번 글에서 input에 타입을 바꿔가며 아이디, 패스워.. 더보기
기초코딩- HTML의 기초(form 태그 - 수많은 type)-1편 저번 글에 이어서 계속해서 HTML에 대해 알려 드리도록 할게요 저번 글에서는 html의 다른 태그와 그 태그를 찾는 방법에 대해서 설명해드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1147 기초코딩- HTML의 기초(more html tag, 태그찾는방법) 저번 글에 이어서 계속해서 HTML에 대해 알려 드리도록 할게요 저번 글에서는 head영역의 중요성과 meta 태그를 다는 이유에 대해서 설명해드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르 tm-csc.tistory.com 그럼 이번 글에서는 Form tag에 대해 알려드릴게요. 그럼 저번 글에 소개해드렸던 사이트에 접속해보실까요 https://developer.. 더보기
기초코딩- HTML의 기초(more html tag, 태그찾는방법) 저번 글에 이어서 계속해서 HTML에 대해 알려 드리도록 할게요 저번 글에서는 head영역의 중요성과 meta 태그를 다는 이유에 대해서 설명해드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1145 기초코딩- HTML의 기초 (meta tag, head영역) - 2편 저번 글에 이어서 계속해서 HTML에 대해 알려 드리도록 할게요 저번 글에서는 head영역과 meta 태크에 대해서 설명해드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 � tm-csc.tistory.com 그럼 이번 글에서는 다른 tag들에 관해 알려드리려고 하는데요. html에 쓰이는 태그는 얼마나 있을까요? 그리고 어떻게 찾을 수.. 더보기
기초코딩- HTML의 기초 (meta tag, head영역) - 2편 저번 글에 이어서 계속해서 HTML에 대해 알려 드리도록 할게요 저번 글에서는 head영역과 meta 태크에 대해서 설명해드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1143 기초코딩- HTML의 기초 (meta tag, head영역) - 1편 저번 글에 이어서 계속해서 HTML에 대해 알려 드리도록 할게요 저번 글에서는 드디어 HTML의 올바른 작성법에 대해서 설명해드렸는데요. 기억이 나질 않으신다면 밑에 글을 참고해주세요. tm-csc.tis tm-csc.tistory.com 그럼 이번 글에는 또 다른 meta 태그와 왜 보이지도 않는 meta 태그를 작성해야 하는지 자세히 알려드리도록 할게요. 우선 저번처럼 크롬으로 네.. 더보기
기초코딩- HTML의 기초 (meta tag, head영역) - 1편 저번 글에 이어서 계속해서 HTML에 대해 알려 드리도록 할게요 저번 글에서는 드디어 HTML의 올바른 작성법에 대해서 설명해드렸는데요. 기억이 나질 않으신다면 밑에 글을 참고해주세요. tm-csc.tistory.com/1142 기초코딩- HTML의 기초 ( ) 저번 글에 이어서 계속해서 HTML에 대해 알려 드리도록 할게요. 저번 글에서는 태그 A의 속성 중target이라는 속성과태그 img에 src라는 속성으로이미지를 넣는 방법에 대해알려드렸는데요. 기억이 � tm-csc.tistory.com 이번 글에는 저번 글에서 살짝 보여드렸던 라는 태그에 대해 그 영역에 대해 조금 더 깊이 알려드릴게요. 먼저 구글에 나무 위키를 검색해보도록 할게요. 그럼 이렇게 주소와 나무 위키라는 타이틀과 그에 대한 요약내.. 더보기