본문 바로가기

Web13

[CSS] 생활코딩 Web2 내용 정리 (박스 모델, 그리드, 미디어 쿼리, 코드의 재사용) 목차 WEB2 (8~15) WEB2 CSS - 8. 박스 모델 - YouTube 본 글은 유튜브 무료 강의 생활코딩의 내용을 정리하는 글 1. 박스 모델 block element : 화면 전체 크기를 갖는 태그 inline element : 자기 자신만의 크기를 갖는 태그 더보기 Home ">A home page (or homepage) is the main web page of a website.[1] The term may also refer to the start page shown in a web browser when the application first opens.[2] Usually, the home page is located at the root of the website's.. 2023. 3. 8.
[CSS] 생활코딩 Web2 내용정리 (CSS, 기초 문법, 선택자, 속성) 목차 WEB2 (1~7) WEB2 CSS - 1. 수업 소개 - YouTube 본 글은 유튜브 무료 강의 생활코딩의 내용을 정리하는 글 중복된 코드를 제거하고 작성하는 것이 효과적임! 1. CSS 웹사이트의 디자인을 하기 위해 여러 HTML 태그를 추가해서 활용하려고 했지만 코드가 너무 길어지고 중요한 정보를 찾기 어려워진 단점이 존재 → CSS의 등장 ex. WEB CSS → CSS 코드 해석 : a라는 태그가 있으면 그걸 red 컬러로 지정해줘 ;(세미콜론) : 하나의 descryption이 끝나는 것을 구분시켜주기 위한 구분 더보기 JavaScript → Html 태그의 CSS의 속성을 추가한 것으로 해석 2. 속성과 선택자 다양한 선택자, 속성, Value를 공부하는 것이 필요!! ⓐ. .. 2023. 3. 8.
[HTML] 생활코딩 WEB1 부록 코드의 힘 내용 정리 목차 WEB1 (코드의 힘) WEB1 부록 - 코드의 힘 - YouTube 본 글은 유튜브 무료 강의 생활코딩의 내용을 정리하는 글 1. 동영상 삽입 Youtube 동영상에 공유 퍼가기, embed 버튼 클릭 → 태그를 볼 수 있음. 본문에 삽입 2. 댓글 기능 데이터베이스 및 백엔드 기술이 필요! → 댓글 기능을 제공하는 곳에서 Html 코드를 붙여넣으면 해결! ※ 단 웹 서버를 거쳐야지만 작동! (보안 상의 이유) Disqus - The #1 way to build an audience on your website Disqus – The #1 way to build your audience Disqus offers the best add-on tools for websites to in.. 2023. 3. 6.
[HTML] 생활코딩 Web1 내용정리 (인터넷) 목차 WEB1 (14~20) WEB1 - 14. HTML 태그의 제왕 - YouTube 본 글은 유튜브 무료 강의 생활코딩의 내용을 정리하는 글 1. 태그의 제왕 : anchor의 약자, 링크를 걸어주는 태그 href="" → 다음 링크를 참조하는 속성 tilte="" → 이 태그의 title을 알리는 속성 이런 식으로 만들어진 HTML을 볼 수 있게 하려면 인터넷이 필요하다!! 2. 인터넷 인터넷 : 전세계적으로 연결되어 있는 컴퓨터 네트워크 통신연결망 → 이 인터넷을 통해 클라이언트가 서버에게 데이터를 요청하면 서버는 클라이언트에게 그 데이터를 응답해주는 것이 인터넷의 형태 3. 웹 호스팅/ 웹 서버 열기 1) 웹 호스팅 웹을 서버에 올리는 전문 업체에게 맡기는 것 ex. github 2).. 2023. 3. 3.
[HTML] 생활코딩 기초 내용 정리 (HTML, 태그) 목차 WEB1 (1~13) WEB1 - 1.수업소개 - YouTube 본 글은 위 무료 강의를 정리하는 글 1. HTML이란? HTML : 웹을 구동하는 프로그래밍 언어, 문법이 가장 간단함. → Visual Studio Code를 활용 태그(tag) : HTML을 기술하기 위하여 사용하는 명령어의 집합 : 태그에 주는 다양한 옵션은 모두 여는 태그에 지정하며, 닫는 태그는 태그 효과가 적용되는 범위의 끝을 나타냄. 2. 그럼 어떤 태그를 알아두어야 하는가? HTML Study | Advanced Web Ranking : 줄 바꿈을 의미, 닫힌 태그가 존재하지 않음. : paragraph, 단락을 의미. 3. 태그의 속성 : 이미지를 삽입하는 태그 → 하지만 이 Html 태그만으로는 이미.. 2023. 3. 2.

티스토리툴바