본문 바로가기

블록체인교육129

[CSS] 1. CSS 시작, 글 색깔 바꿔보기 CSS 강의목차 1. CSS 시작, 글 색깔 바꿔보기 2. 스타일속성(선택자,정의,속성) 개념정리 3. CSS 속성과 선택자에 대한 이해 4. CSS 박스모델(padding,margin,border,content) 5. CSS 박스모델 실습하기 6. CSS 그리드 기본사용법 및 활용 7. 반응형 웹페이지 만들기(미디어쿼리 @media) 8. CSS코드의 재사용 CSS 강좌에 오신 여러분 환영합니다!! CSS는 한마디로, HTML을 조금 더 화려하고 정교하게 표현을 해줄 수 있도록 도와주는 또 다른 언어입니다. HTML과는 달라요~~조금 더 어렵지만, 잘 활용하면 아주 유용합니다. 아니, 꼭 사용해야해요!!! 자, 그럼 먼저 HTML 태그로 글짜 색깔을 한번 바꿔볼께요!! 1. 태그로 글짜 색깔 바꿔보기!.. 2020. 10. 7.
[HTML] 10. 서버와 클라이언트 이해하기 1) HTML과 인터넷의 이해 1. HTML에 대한 이해 2. HTML 코딩 실습환경 준비(ATOM에디터 다운 및 설치) 3. HTML 기본문법(태그) 이해하기 및 검색을 통한 태그공부 4. HTML 무슨 태그를 먼저 공부해야 할까? 5. 줄바꿈 태그와 태그 차이점 6. html 태그 속성 그리고 이미지태그 사용법 7. 부모자식태그 등 8. HTML 문서의 구조 및 다른 웹페이지 연결하기(a href) 9. 나만의 홈페이지(웹사이트) 만들어보기 10. 서버와 클라이언트 이해하기 이번 시간은 HTML, 웹의 시작 마지막 강의입니다. 바로 서버와 클라이언트에 대한 이해인데요. 이번 과목이 앞으로 수업하는데도 중요하므로 정확히 이해하고 넘어가는것이 중요합니다!! 1. 인터넷 VS 웹 인터넷과 웹은 어떤 차이가.. 2020. 10. 7.
[HTML] 9. 나만의 홈페이지(웹사이트) 만들어보기 1) HTML과 인터넷의 이해 1. HTML에 대한 이해 2. HTML 코딩 실습환경 준비(ATOM에디터 다운 및 설치) 3. HTML 기본문법(태그) 이해하기 및 검색을 통한 태그공부 4. HTML 무슨 태그를 먼저 공부해야 할까? 5. 줄바꿈 태그와 태그 차이점 6. html 태그 속성 그리고 이미지태그 사용법 7. 부모자식태그 등 8. HTML 문서의 구조 및 다른 웹페이지 연결하기(a href) 9. 나만의 홈페이지(웹사이트) 만들어보기 10. 서버와 클라이언트 이해하기 지금까지 배운걸 바탕으로 나만의 홈페이지(웹사이트)를 만들어봅시다!! 아래와 같은 홈페이지를 만들어 볼텐데요. 아래 사이트에 접속하면 확인이 가능합니다. admiring-aryabhata-e12dfc.netlify.app/ 각 항.. 2020. 10. 7.
[HTML] 8. HTML 문서의 구조 및 다른 웹페이지 연결하기(a href) 1) HTML과 인터넷의 이해 1. HTML에 대한 이해 2. HTML 코딩 실습환경 준비(ATOM에디터 다운 및 설치) 3. HTML 기본문법(태그) 이해하기 및 검색을 통한 태그공부 4. HTML 무슨 태그를 먼저 공부해야 할까? 5. 줄바꿈 태그와 태그 차이점 6. html 태그 속성 그리고 이미지태그 사용법 7. 부모자식태그 등 8. HTML 문서의 구조 및 다른 웹페이지 연결하기(a href) 9. 나만의 홈페이지(웹사이트) 만들어보기 10. 서버와 클라이언트 이해하기 이번 강의에는 HTML 문서의 기본구조 그리고 링크거는법, 마지막으로 웹사이트를 완성하는 법을 배워보겠습니다. 오늘 시간을 통해서 홈페이지 하나를 만들 수 있게 됩니다. 먼저 문서의 제목을 배워봅시다! 이라는 태그를 사용하는데요,.. 2020. 10. 7.
[HTML] 7. 부모자식태그 <li><ul><table><tr><td>등 1) HTML과 인터넷의 이해 1. HTML에 대한 이해 2. HTML 코딩 실습환경 준비(ATOM에디터 다운 및 설치) 3. HTML 기본문법(태그) 이해하기 및 검색을 통한 태그공부 4. HTML 무슨 태그를 먼저 공부해야 할까? 5. 줄바꿈 태그와 태그 차이점 6. html 태그 속성 그리고 이미지태그 사용법 7. 부모자식태그 등 8. HTML 문서의 구조 및 다른 웹페이지 연결하기(a href) 9. 나만의 홈페이지(웹사이트) 만들어보기 10. 서버와 클라이언트 이해하기 HTML 삽입 미리보기할 수 없는 소스 이번시간에는 부모,자식 관계에 있는 태그에 대해서 살펴보겠습니다. 아래 태그를 보시면, P태그가 a태그의 부모, a태그가 p태그의 자식이 됩니다. (반드시 a태그가 p태그의 자식이어야 하는건.. 2020. 10. 7.
[HTML] 6. html 태그 속성 그리고 이미지태그<img> 사용법 1) HTML과 인터넷의 이해 1. HTML에 대한 이해 2. HTML 코딩 실습환경 준비(ATOM에디터 다운 및 설치) 3. HTML 기본문법(태그) 이해하기 및 검색을 통한 태그공부 4. HTML 무슨 태그를 먼저 공부해야 할까? 5. 줄바꿈 태그와 태그 차이점 6. html 태그 속성 그리고 이미지태그 사용법 7. 부모자식태그 등 8. HTML 문서의 구조 및 다른 웹페이지 연결하기(a href) 9. 나만의 홈페이지(웹사이트) 만들어보기 10. 서버와 클라이언트 이해하기 이번시간에는 태그에 속성을 넣는법을 배우고 그 예제로 태그를 사용하는법을 배워보겠습니다. 일단 인터넷에서 자유롭게 저작권 없이 사용할 수 있는 홈페이지가 있는데요. pixabay.com이 유명한데 아래 unsplach.com 사이.. 2020. 10. 7.
[HTML] 5. 줄바꿈 <br>태그와 <p> 태그 차이점 1) HTML과 인터넷의 이해 1. HTML에 대한 이해 2. HTML 코딩 실습환경 준비(ATOM에디터 다운 및 설치) 3. HTML 기본문법(태그) 이해하기 및 검색을 통한 태그공부 4. HTML 무슨 태그를 먼저 공부해야 할까? 5. 줄바꿈 태그와 태그 차이점 6. html 태그 속성 그리고 이미지태그 사용법 7. 부모자식태그 등 8. HTML 문서의 구조 및 다른 웹페이지 연결하기(a href) 9. 나만의 홈페이지(웹사이트) 만들어보기 10. 서버와 클라이언트 이해하기 HTML 삽입 미리보기할 수 없는 소스 이번시간에는 줄바꿈 과 태그의 차이점에 대해서 살펴보겠습니다. 일단 기존에 작성된 html문서에 아래 문장을 추가할께요 Web browsers receive HTML documents fro.. 2020. 10. 7.
[HTML] 4. HTML 무슨 태그를 먼저 공부해야 할까? 1) HTML과 인터넷의 이해 1. HTML에 대한 이해 2. HTML 코딩 실습환경 준비(ATOM에디터 다운 및 설치) 3. HTML 기본문법(태그) 이해하기 및 검색을 통한 태그공부 4. HTML 무슨 태그를 먼저 공부해야 할까? 5. 줄바꿈 태그와 태그 차이점 6. html 태그 속성 그리고 이미지태그 사용법 7. 부모자식태그 등 8. HTML 문서의 구조 및 다른 웹페이지 연결하기(a href) 9. 나만의 홈페이지(웹사이트) 만들어보기 10. 서버와 클라이언트 이해하기 HTML 태그는 150여개가 넘습니다. 그런데 우리는 시간이 없어요~지금 솔리디티를 배워야 하는데, HTML에서 너무 많은 시간을 소비하면 안되죠? 그래서 꼭 필수적인 태그를 공부하려면 어떻게 해야할까?를 고민하고 찾아보고 적용해.. 2020. 10. 7.
[HTML] 3. HTML 기본문법(태그) 이해하기 및 검색을 통한 태그공부 1) HTML과 인터넷의 이해 1. HTML에 대한 이해 2. HTML 코딩 실습환경 준비(ATOM에디터 다운 및 설치) 3. HTML 기본문법(태그) 이해하기 및 검색을 통한 태그공부 4. HTML 무슨 태그를 먼저 공부해야 할까? 5. 줄바꿈 태그와 태그 차이점 6. html 태그 속성 그리고 이미지태그 사용법 7. 부모자식태그 등 8. HTML 문서의 구조 및 다른 웹페이지 연결하기(a href) 9. 나만의 홈페이지(웹사이트) 만들어보기 10. 서버와 클라이언트 이해하기 이제 본격적으로 HTML의 기본문법인 태그를 한번 사용해봅시다!!! 먼저 아래의 문장을 ATOM 에디터에 복사해서 붙여넣기 해볼께요!! Hypertext Markup Language (HTML) is the standard mar.. 2020. 10. 7.

티스토리툴바