본문 바로가기

Classroom13

7. 부모자식태그 <li><ul><table><tr><td>등 이번시간에는 부모,자식 관계에 있는 태그에 대해서 살펴보겠습니다. 아래 태그를 보시면, P태그가 a태그의 부모, a태그가 p태그의 자식이 됩니다. (반드시 a태그가 p태그의 자식이어야 하는건 아니고 그 반대도 동일합니다.) 다만 이러한 구조로 만들어져 있고, 부모,자식관계가 필요한 태그들이 있습니다. blockchainleader 이번시간에는 그 부모,자식 관계에 있는 태그들을 살펴볼께요! 일단 우리 수업의 목차를 한번 추가해볼께요!! 1. 목차추가해보기 아래와 같은 결과가 나오는데요. 이런 결과를 원했던건 아닙니다. 2. 태그 적용해보기 아래와 같이 li태그를 적용해봤습니다. 네, 아래와 같이 원하는 결과가 나온거 같네요!! 자. 그럼 조금 더 내용을 추가해볼께요!! 아래와 같이 수업에 참여하는 학생들.. 2020. 9. 18.
6. html 태그 속성 그리고 이미지태그<img> 사용법 강의목차. 0_서론_블록체인 개발을 위한 기초지식(웹프로그래밍) 1. HTML에 대한 이해 2. HTML 코딩 실습환경 준비(ATOM 에디터 다운 및 설치) 3. HTML 기본문법(태그) 이해하기 및 검색을 통한 태그공부 4. HTML 무슨 태그를 먼저 공부해야 할까? 5. 줄바꿈 태그와 태그 차이점 이번시간에는 태그에 속성을 넣는법을 배우고 그 예제로 태그를 사용하는법을 배워보겠습니다. 일단 인터넷에서 자유롭게 저작권 없이 사용할 수 있는 홈페이지가 있는데요. pixabay.com이 유명한데 아래 unsplach.com 사이트가 더 이쁜 사진이 많네요!! 1. 이미지 파일 unsplach 홈페이지에서 다운받기 일단 홈페이지에 접속해서 적당한 사진을 가져와볼께요! unsplash.com/ Beautifu.. 2020. 9. 18.
5. 줄바꿈 <br>태그와 <p> 태그 차이점 강의목차 0_서론_블록체인 개발을 위한 기초지식(웹프로그래밍) 1. HTML에 대한 이해 2. HTML 코딩 실습환경 준비(ATOM 에디터 다운 및 설치) 3. HTML 기본문법(태그) 이해하기 및 검색을 통한 태그공부 4. HTML 무슨 태그를 먼저 공부해야 할까? 이번시간에는 줄바꿈 과 태그의 차이점에 대해서 살펴보겠습니다. 일단 기존에 작성된 html문서에 아래 문장을 추가할께요 Web browsers receive HTML documents from a web server or from local storage and render them into multimedia web pages. HTML describes the structure of a web page semantically and or.. 2020. 9. 18.
4. HTML 무슨 태그를 먼저 공부해야 할까? 강의목차 0_서론_블록체인 개발을 위한 기초지식(웹프로그래밍) 1. HTML에 대한 이해 2. HTML 코딩 실습환경 준비(ATOM 에디터 다운 및 설치) 3. HTML 기본문법(태그) 이해하기 및 검색을 통한 태그공부 HTML 태그는 150여개가 넘습니다. 그런데 우리는 시간이 없어요~지금 솔리디티를 배워야 하는데, HTML에서 너무 많은 시간을 소비하면 안되죠? 그래서 꼭 필수적인 태그를 공부하려면 어떻게 해야할까?를 고민하고 찾아보고 적용해야합니다. 해답은 없지만, 빠르게 가는 길은 분명히 있습니다. 무슨일이든 먼저 그 길을 간 사람을 통해서 빨리 배울 수 있는 길이 존재하는법이죠~ 구글에서 전세계 웹페이지를 분석한 결과에 대한 홈페이지가 있습니다. 여기에 어떤 태그가 많이 사용되었는지 나오는데요... 2020. 9. 18.
3. HTML 기본문법(태그) 이해하기 및 검색을 통한 태그공부 강의목차 0_서론_블록체인 개발을 위한 기초지식(웹프로그래밍) 1. HTML에 대한 이해 2. HTML 코딩 실습환경 준비(ATOM 에디터 다운 및 설치) 이제 본격적으로 HTML의 기본문법인 태그를 한번 사용해봅시다!!! 먼저 아래의 문장을 ATOM 에디터에 복사해서 붙여넣기 해볼께요!! Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications. 1. 저장(Ctrl+S) 후 왼쪽 웹브라우저를 확인해봅니다. [참고] 아톰 에디터에 저처럼 줄바꿈이 안될 수 있어요~ 기본셋팅값이 줄바꿈이 안되어 있는듯합니다. 그러신 분들은 File-Setting 클릭, Editor- So.. 2020. 9. 18.
2. HTML 코딩 실습환경 준비(ATOM에디터 다운 및 설치) 강의목차 0_서론_블록체인 개발을 위한 기초지식(웹프로그래밍) 1. HTML에 대한 이해 모든 코딩을 위해서 에디터가 필요합니다. HTML 작성을 위한 가장 간단한 에디터는 윈도우에 있는 메모장이 있습니다. 그런데 이 메모장은 너무 심플하여(?) 조금 불편한게 있는데요..(기능적 제한이 있죠~) 그래서 생활코딩에서 추천해주는 아톰이라는 에디터를 한번 설치해보겠습니다. 1.아톰 홈페이지 접속 atom.io/ A hackable text editor for the 21st Century At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day withou.. 2020. 9. 18.