🐹's tory

css는 html 파일에서 head 부분에 style이라는 태그를 추가해서 사용하거나 style 속성을 이용해서 사용할 수 있다 (css에서의 주석은 /* */) * style 태그를 이용하는 방법 * style 속성을 이용하는 방법 선택자의 종류 * 같은 종류의 선택자라면 가장 아래의 코드를 따름 #id: 단 한 번만 사용할 수 있고 우선순위가 가장 높음 .class: 클래스로 지정한 것들에 대해 설정 가능 tag: 우선 순위 가장 낮음 일단 내가 css 개념 공부하면서 두드려 본 코드 (좀 따 다 바꿀거라서 일단 여기다 저장!) 더보기 아 근데 진짜 이해가 안 되는 게 WEB 위의 코드는 색이 제대로 바뀌는데 WEB 이 코드는 h1 색이 안 바뀜,,, 왠지 진짜 모르겠다 아직 ;ㅅ; 왜 WHYㅠㅠㅠㅠ..

진짜 내가 나중에 보려고 정리하는 거라서 엄청 두서없을 듯,,, 이제 시작🙀🙀🤍🤍 HTML은 웹페이지의 내용과 구조를 담당하는 언어! 웹페이지에 보이고 싶은 내용 non_sementic 요소: 콘텐츠에 대한 설명이 없음 sementic 요소: 콘텐츠에 대한 의미를 포함함 -> sementic 요소를 잘 사용하면 의미가 잘 파악되기 때문에 가독성이 좋고 유지보수가 쉬운 코드가 된다 여러 가지 태그들 🐰살짝 기본적인 태그!🐰(*: 어트리뷰트 언급) h1~h6 제목 태그 h1부터 h6까지 있으며 숫자의 크기가 커질수록 글자의 크기가 줄어듬 (중요한 의미로 받아들임!) b 볼드체로 지정 strong 볼드체로 지정(중요한 의미로 받아들임!) i 이탈릭체 em 이탈릭체 (중요한 의미로 받아들임!) small 글씨 ..

우선 모든 html 태그들을 외울 필요는 전혀 없다 사용하고 싶을 때마다 검색해서 사용하면 되는 것이기 때문에! 아주 기본적인 태그들 ~ ~ ... ~ 진하게 표시하고 싶은 내용 밑줄치고 싶은 내용 한 단락 ㅎㅅㅎ ㅇㅅㅇ ㅋㅅㅋ ㅎㅅㅎ ㅇㅅㅇ ㅋㅅㅋ 창의 이름(?)으로 쓰이고 싶은 글 hello web 더 많은 태그들이 있지만 그것은 따로 정리하고 외우지는 않을 것이다! (좀 이따 한 번씩 적용해보면서 실습해볼 예정) 아래는 html 태그들이 사용 빈도에 따라 잘 정리되어있는 사이트이다! 이 사이트의 통계 결과를 보고 어떤 태그들을 공부하는 것이 좋을지 알 수 있다 https://www.advancedwebranking.com/html/ The average web page from top twenty ..

당장 이번 주부터 javascript 스터디가 시작되기 때문에 방학 때 설렁설렁하던 html, css 공부를 이번 주 내에 힘들게 해야 한다ㅠㅠ 짤막한 vscode 설치 방법과 간단하게 파일 만드는 방법 설치방법 방학 때 생활코딩으로 웹 프로그래밍을 처음 접하게 되어서 'Atom'이라는 에디터만 사용할 수 있었는데 스터디를 할 때 visual code를 이용할 것 같기도 하고 주변에서도 웹 프로그래밍을 할 때 이 에디터를 자주 사용하길래 설치해보았다 우선 아래의 사이트에서 자신의 개발 환경에 맞는 visual code를 설치한다!! (주의해야 할 점이 딱히 없어서 계속 다음으로 넘기면 설치 완료!!) Visual Studio Code - Code Editing. Redefined Visual Studio..

전에 만들었던 html 파일에 디자인을 더해보았다 웹 프로그래밍 공부 html html 이론 html 실습 css css 이론 css 실습 그럼 결과도 마찬가지이다 (우헤헤 신기해)

맨날 메모장에서 코드를 짰었는데 앞으로는 아톰에서 코드를 짤 것이다 우와 역시 에디터는 다르긴 다르구나 겁나 신기하네 메모장에서만 짜다가 에디터 쓰니까 너무 편하다 ㅎㅁㅎ 오늘 html에서 주석을 어떻게 쓰는지 처음 알았다!! CSS css는 항상 html과 함께 쓰인다 안에 쓰여있는 것이 css의 내용이다 선택자 {서술} CSS JavaScript HTML CSS는 속성과 속성을 ;(세미콜론)으로 구분함 여러 선택자는 ,로 구분 *헤더 밑의 h1만 따로 지정을 해줄 수도, 여러 선택자를 한 번에 지정할 수도, 따로 한 번 더 지정할 수도 있다 html css javascript 더보기 사진 첨부(body내에 작성) float(style내에 작성): 여러 개의 콘텐츠를 나란히 배치 일단 css 이론 수업..

또 놀다가 시작! 코드가 의미를 가질 수 있게 코드를 짜려면? 웹 프로그래밍 공부 html html 이론 html 실습 css css 이론 css 실습 html 이론 하루에 최소 2시간씩 꾸준히 하기 티스토리에 매번 업로드하기 2021/01/31 시작 아ㅏ아ㅏㅏㅏ아ㅏㅏ 'html 실습', 'css 이론', 'css 실습'과 각 파일들을 다 연결해주었다! 짜잔~! 오늘은 여기까지! 근데 고민이 생겼다 ;ㅅ; 난 이번에 개강하기 전에 프론트엔드 쪽만 배우려고 했는데(물론 백엔드 쪽도 알면 좋지만) 이 수업에는 백엔드 쪽도 포함돼 있어서 고민이 된다,,, 그래도 한 번 공부해보는 것이 도움이 될까,, 아니면 HTML이랑 CSS 기본을 배우고 나서 더 자세히 공부하는 게 나을까? 이건 더 고민해봐야겠다

어제 공부하다가 또 늦게까지 노래듣고 넷플릭스 보느라 아침에 잠이 들어서 오후 4시 30분에 일어났다ㅠㅠ 밥 먹고 씻고 공부시작! 오늘은 5시 45분에 공부 시작했다!! 루트 파일에 새로운 메모를 저장하고 아래와 같이 입력한다 (아직은 어떤 의미인지 몰라도 됨!) ~으로 콘텐츠를 강조 오늘부터 html 공부 열심히 해야지! 속성 - 태그 콘텐츠 나는 html을 생활코딩에서 배운다 속성 - 타겟 콘텐츠 *속성과 속성을 구분할 때는 띄어쓰기를 사용해야한다* _blank는 새로운 창에서 링크를 연다는 정보를 갖고 있다 _self는 현재 창에서 링크를 연다(기본값) 나는 html을 생활코딩에서 배운다 속성 - 리스트 ~ 순서있는 리스트 ~ 순서없는 리스트 ~ #순서가 있는 리스트의 시작을 알림(order lis..

원래 생활코딩의 HTML 수업을 들으려고 했는데 그전에 '웹 애플리케이션 만들기'라는 수업을 먼저 듣는 것이 도움이 된다고 해서 이 수업 먼저 듣기로 했다. (오늘부터 다시 열심히 공부 시작해야지ㅜ 다음 주는 또 열심히 놀 테니까ㅠ) 수업을 듣기 위해선 웹 브라우저와 웹 서버가 깔려있어야 하는데 웹 브라우저는 대부분 이미 깔려있기 때문에 'Apache'라는 웹 서버를 깔아 사용할 것이다. Apache는 웹 서버이기 때문에 설치를 하는 게 힘들기 때문에 'Bitnami'를 이용해 설치할 것이다. 설치가 끝나고 localhost/index.html을 웹 브라우저에 검색해보았을 때 아래와 같은 페이지로 이동하게 된다면 제대로 설치가 된 것이다! 이와 같은 경로로 들어가서 index.html이 바로 아까 봤던 ..