728x90 반응형 Visual Studio Code41 HTML 기초(1) HTML 기초(1) 오늘은 HTML 기초에 대해 설명드리겠습니다. 시작에 앞서 HTML은 HTML5 버전을 사용하겠습니다. HTML은 html 태그, head 태그, body 태그로 구성되어 있습니다. 보통 html 태그에는 사용할 언어 대한 내용이 들어 있고 head 태그는 웹 브라우저를 구성에 필요한 메타 태그, 웹브라우저의 제목, css 외부 스타일 시트, 내부 스타일 시트에 대한 정보를 작성할 수 있습니다. 그리고 위에 html 태그와 head 태그가 완성된다면 body 태그에 작성하고자 하는 내용을 넣을 수 있습니다. 공부를 하면서 가장 중요한 것은 기초를 알아야 하는 것과 조급하게 하면 안 된다는 것입니다. 그래서 오늘은 프론트앤드 개발에 가장 많이 사용되는 Visual Studio Code .. 2022. 7. 5. CSS 전체선택자(*) CSS 전체선택자(*) 오늘은 CSS의 전체선택자에 대해 알아보겠습니다. CSS 전체선택자를 알기 전에 먼저 알아두셔야 할 것이 2가지 있는데 먼저 CSS의 기본 구조를 알아야 합니다. CSS의 기본 구조는 선택자{속성: 속성값;}으로 설정하는데 전체선택자는 기본 구조에서 '선택자'에 작성하는 것이고 전체선택자는 '선택자'에 *를 작성하는 방식으로 사용합니다. 다음으로 알아야 할 것은 HTML은 기본적으로 적용되어 있는 스타일이 있다는 것입니다. 예시로 태그를 보시면 CSS 스타일을 적용하지 않았는데 font-size가 2em으로 적용되는 것을 볼 수 있습니다. 여기서 em은 부모 태그의 font-size의 값을 의미합니다. -더 디테일한 정보는 다음 단위에 대한 글에서 알려드리겠습니다.- 부모 태그의 .. 2022. 7. 5. CSS의 적용 방식 CSS의 적용 방식 CSS는 HTML의 태그를 통해 디자인을 할 때 사용되는데 오늘은 CSS를 HTML에 적용하는 3가지의 방식에 대해 설명드리겠습니다. (1) 내부 스타일 시트(Internal style sheet) 내부 스타일 시트는 HTML 코드를 작성하는 페이지에 CSS를 적용하는 방식으로 방법은 HTML의 head 태그 안에 style 태그를 작성하여 CSS를 적용할 수 있습니다. 예시를 보여드리면 이런 식으로 작성하여 결과를 보면 div 태그의 텍스트 문자에 색이 빨간색으로 변경되는 것을 볼 수 있습니다. 이 방법은 보통 CSS를 공부할 경우 많이 사용되는 방식입니다. (2) 외부 스타일 시트(External style sheet) 외부 스타일 시트는 HTML 코드를 작성하는 페이지가 아닌 따.. 2022. 7. 5. HTML, CSS, JS란? HTML, CSS, JS란? 오늘은 프론트앤드 개발에 가장 핵심이 되는 HTML, CSS, JS에 대한 이론에 대해 설명드리겠습니다. 일단 사람을 예시로 간단하게 HTML, CSS, JS에 대해 설명하자면 HTML은 뼈를 CSS는 살과 옷을 JS는 움직임을 담당한다고 아시면 좋을 것 같습니다. (1) HTML HTML은 Hypertext Markup Language의 약자로 Hypertext는 하이퍼링크를 생각하시면 편한데 하이퍼링크는 링크를 통해 상대방에게 내용을 전달해 주는 텍스트 문자인데 Hypertext도 한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트를 의미합니다. 그리고 Markup Language는 마크업 언어로 마크업 언어는 태그를 사용하여 문자나 데이터를 연결해 주는 언어를 의미합니.. 2022. 7. 4. 이전 1 ··· 6 7 8 9 10 11 다음 728x90 반응형
