728x90 반응형 전체 글444 들여쓰기? 그게 뭔데? | 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. 만약 한글이 깨진다면? | HTML & CSS 시리즈 004 만약 한글이 깨진다면? 어떻게 해결해야 하나요? 한글을 지원하는 브라우저에서는 발생하지 않는다. ex) 크롬 그렇지만 한글을 지원하지 않는 브라우저에서는 한글이 깨져서 나온다고 한다. ex) 사파리 그렇다면 어떻게 해결해야할까? 위에 사진 처럼 을 입력하면 된다. 이건 따로 닫지 않아도 된다 이렇게 말이다. 2021. 7. 22. 굵게쓰기<b>,날려쓰기<i> 태그 | HTML&CSS 시리즈 003 태그 태그가 뭔데? 위에 사진을 보며 정리해보겠습니다. 태그를 사용할때는 글씨가 날려쓰기 가 됩니다. *i 는 italic : 텍스트를 날려서 태그를 사용할때는 글씨가 굵게 쓰기 가 됩니다. *b는 bold : 텍스트를 굵게 Phrase 태그가 뭐야? 태그 , 태그 vs 태그 , 태그 태그는 그냥 텍스트를 '볼드체'로 만들어주고, 마찬가지로 태그는 그냥 텍스트를 '이탤릭체'로 만들어줍니다. 둘 다 '시각적인 특징'만 갖고 있는 태그인데요. HTML에서는 시각적인 특징 뿐만 아니라 의미도 담고 있는 phrase tag가 있습니다. 태그는 그냥 시각적으로 날려쓰는 것이 목적이라면, 태그는 강조하는 것이 목적입니다. em은 'emphasized'의 줄임말입니다. 2021. 7. 22. 이전 1 ··· 101 102 103 104 105 106 107 ··· 111 다음 728x90 반응형
