1. 프로젝트 동기
2. 기획
3. 코딩과 HTML
4. HTML 코딩 실습 환경 준비
- 코딩을 하기 위해서는 에디터(Editor) 프로그램이 필요하다.
- 에디터 Atom 깔기
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 without ever touching a config file. We can’t wait to see what you build with it.
atom.io
꼭 이걸 사용하라는 것은 아니다.
중요한 건 Atom의 사용법이 아니고
자신이 필요한 에디터를 찾아내는 능력입니다.
검색창에 html editor 검색하면 본인에게 맞는 도구를 찾을 수 있다.
리소스는 뭐지?
5. 기본 문법 - 태그 (진짜 코딩해보기)
*주의점*
그대로 동영상을 보면서 따라 하지 말고
살면서 우리들의 정보(내가 좋아하는 스타 정보, 게임 정보 등) 그걸 나누고 싶고
이런 것들로 내용을 채워간다면 더 생동감이 있을 것 (단, 뭘 할지 모르겠으면 그냥 똑같이 따라 할 것)
배운 것
1. 파일 확장자가 html이 아니면 태그가 적용되지 않는다.
2. 기초문법 <storng></storng>, -진하게, <u></u> - 밑줄(underrine)
잘 안 되는 것
소스에 영어로 치면 결과가 잘 나오는데
한글로 치면 저렇게 나옴 왜 그럴까?
'사전학습 > HTML' 카테고리의 다른 글
| (생활코딩)14.HTML 태그의 제왕 (0) | 2020.08.03 |
|---|---|
| (생활코딩)13.문서의구조와 슈퍼스타들 (0) | 2020.08.03 |
| (생활코딩)12.부모 자식과 목록 (0) | 2020.08.03 |
| (생활코딩)11 - 최후의 문법 속성과 img (0) | 2020.08.02 |
| (생활코딩) 7-10 (0) | 2020.07.28 |