HTML&CSS (4) 썸네일형 리스트형 [TIL] HTML&CSS (09.09) 👩💻 CSS 기본 🔎 css란? Cascading Style Sheets는 html로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어다. css는 웹 페이지에 스타일과 레이아웃을 적용할 때 사용한다. ex) 글꼴, 색상, 크기를 조절, 콘텐츠의 간격을 조절할 때 🔎 html에 css 추가하는 방법 1. html 문서에 직접 추가하는 방법(inline) 스타일을 추가하고 싶은 부분에 스타일 태그를 쓰고, 안에 스타일 요소를 적는다. 하지만 이 방법을 사용하면 문서의 길이가 무작정 길어질 수 있어 가독성이 떨어지기 때문에 유지보수가 힘들다는 단점이 있다.😂 2. html 과 css 를 분리(external) html과 css를 분리하고 css문서와 연결한다. rel을 사용해서 name.css와의.. [TIL] HTML&CSS (09.08) 👩💻 HTML 기본 html 문서의 시작 브라우저에게 해당 문서가 html문서를 포함하고 있음을 알려준다 접근성을 고려하여 html문서의 언어 속성을 한글로 지정해준다. [주요 언어 코드] 한국어 : ko 영어 : en 중국어 : zh 일본어 : ja component html은 head와 body로 이루어져 있다. head에는 문서를 구성하는 태그를 지정하고, body에는 문서의 내용을 작성한다. 위의 예시에 있는 은 해당 페이지를 열였을때 브라우저 상단에 뜨는 페이지의 제목이다. meta tag는 문서에 대한 추가정보를 제공하는 것이다!👏 meta tag의 예시로, html 파일이 한글로 인코딩 되어있음을 알려준다. 이외의 다양한 태그를 사용할 수 있다! html에는 너무너무 다양한 태그들이 있고,.. [TIL] HTML&CSS (09.07) 👩💻 HTML에 대한 이해 html 코드는 메모장에서 작성해도 브라우저가 이해할 수 있다. html 코드는 잘못 작성해도 에러 메세지가 뜨지 않는다(좋으면서 나쁜점!😭) 태그를 작성할 때는 열어주고 닫아주는것이 필요하다 ex) 닫는 태그가 필요 없는 경우도 있다. ex) img tag 태그의 올바른 형식: 링크삽입: 내용 🔎 기본 리스트 태그 : 순서가 없는 리스트 : 순서가 있는 리스트 : 리스트의 항목들 👉 소감 가장 기본부터 차근차근 알아가는 느낌이 들어 뿌듯하다. 내일도 일찍 일어나야지! [TIL] HTML&CSS(09.06) 👩💻 HTML&CSS를 공부하게 된 이유 웹사이트는 오직 text로 이루어져 있다. HTML&CSS는 웹 사이트를 구성할 때 기본이 되는 요소들이고, 웹사이트는 3가지 언어(html, css, JS)로만 구성되기 때문에 HTML&CSS의 기초를 확실히 다지고 가야겠다고 생각해 챌린지를 시작했다. [HTML] 브라우저에 contents의 구성을 설명하는 것. 웹 사이트의 뼈대 역할 [CSS] 브라우저가 예쁘게 보이도록 디자인 요소를 정의하는 것. 웹 사이트의 근육 역할 [JS] 웹 사이트에 interactive한 요소를 가미하는것. 웹사이트의 뇌 역할 👉 소감 기초의 부족함을 느껴 html&css부터 다시 시작하게 되었다. 기본부터 천천히 서두르지않고 마무리할 수 있기를! 이전 1 다음
