본문 바로가기
728x90
반응형

분류 전체보기458

링크 !! very important! | HTML & CSS 시리즈 008 링크! 정말 웹페이지 만들때 중요하다! 링크 어떻게 생성해주는데?? 위 사진처럼 아래와 같이 입력 해줄수 있다. go there ~ 주소입력 란에는 클릭시 들어가고 싶은 링크를 걸어두면 된다. 뭐 예를 들어 구글로 가고 싶다! 그렇다면 google 이와 같이 작성할 수 있다. 그런데 이렇게 작성하게 된다면 새창이 아닌 사용중인 창에서 구글로 바뀌게 되는데 이걸 불편해 하는 사용자들이 꽤 있다. (쓴이도 불편함) 그렇다면 새로운 링크클릭시 새로운 창으로 연결하는 방법이 뭔데? google target="_blank" 이걸 연결하고 싶은 주소 뒤에 추가 해주면된다. 응용해보자! 다른 페이지로 넘어갔다가 돌아왔다가 하는 방법!!! 뭐야뭐야 그러면 응용해서 이처럼 메인페이지에서 다른 페이지로 넘어갔다가 다시 돌.. 2021. 7. 22.
옵셔널 태그 이건 또 뭐야? | HTML & CSS 시리즈 007 옵셔널 태그(Optional Tags) .. 이건 또 뭐야? 옵셔널 태그.. 에는 태그 들을 말한다. 이런 태그들은 직접 해보면 알겠지만, 쓰지 않아도 별 문제 없이 작동된다. 그러면 옵셔널 태그 꼭 써야 합니까? Optional Tags! 단어 그대로 선택적 태그 라는 뜻을 지닌다. 선택적?? 그렇다면 해도 되고 안해도 되는 건가? => 결론부터 말하자면 그렇습니다. 정말 개인 자유인것 같다. 음..들여쓰기 ,주석 를 꼭 써야 되냐는 묻는 것과 거의..비슷하다고 개인적으로 본다. 그렇지만 나는 정리 목적으로 위에 말했던 태그들을 사용하는 하는게 좋다고 본다. 를 통해서 코드의 구조가 한 눈에 들어오기 때문이다. +그치만 구글 가이드 (https://google.github.io/styleguide/ht.. 2021. 7. 22.
들여쓰기? 그게 뭔데? | HTML&CSS 시리즈 006 들여쓰기 ? 그게 뭔데?? 들여쓰기 하는 방법은 tab 을 누르거나 한 번에 드래그해서 들여쓰는 방법으로는 드래그한 후 ctrl + }를 누르면 된다. 위 사진을 보면 들여쓰기가 뭔지 한번만에 이해 할 수 있을것 같다. 들여쓰기 그러면 왜 하는데?? 그딴거.. 음 찾아본 결과 - 부모요소의 태그의 위치나 파일의 경로를 알아보기 쉽게 표시하려고 - 웹페이지를 코딩할때 소스코드가 복잡하게 있으면 찾기어려워서 => 그러니까 깔끔하게! 다른 개발자들이 봤을때 알아 보기 쉽게! 하려고 이다. 솔직히 자신만의 코드를 개발하려고 들여쓰기 안해도 될까? 생각도 해봤다. 그런데 협역필요 없는 개발을 할때에도 코드가 길어진다면 본인 또한 찾는데 시간이 걸릴꺼 같다는 생각이 들었다. 결론은 무조건 들여쓰기 습관을 들이자! .. 2021. 7. 22.
CSS 무엇인가? | HTML & CSS 시리즈 005 HTML 은 알겠는데 CSS 는 뭐야? 이처럼 html 은 내용을 css 는 스타일을 담당한다고 보면 된다. 마치 폰트 크기(Font-size), 텍스트 정렬(text-align), 텍스트 색(color), 여백(margin) 이런 모든 꾸며주는것들을 당당하는게 CSS 이다. 위에 사진을 보면 밑으로 부터 CSS 라고 보면된다. 말 그대로 스타일 담당 하는 코드들인데 작성법은 1. 스타일 해주고 싶은 태그를 먼저 적어준다. ex) h 또는 p 또는 p 안의 em을 스타일 해주기위해서는 p em { 블라블라; } 2. 위에서는 h (헤더)를 꾸며주기위해 h 를 먼저 적고 { }를 적는다. 3. 그리고 { } 안에 다가 스타일 코드를 적으면 되는데 위 코드를 보면, 텍스트 사이즈 , 텍스트 위치 에 대해 설.. 2021. 7. 22.
728x90
반응형

티스토리툴바