[웹기초] 생활코딩 WEB 1 ~ WEB 8
HTML
- Hyper Text Markup Language
- 웹페이지를 만드는 코드.
ATOM
- HTML 코딩을 하기 위해 사용할 에디터(editor). 다른 에디터를 사용해도 된다.
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으로 웹페이지 만들기
1. 바탕화면에 web 폴더를 생성한다.
2. ATOM에서 File → Open Folder를 선택하고, 방금 생성한 web 폴더를 선택한다.
3. ATOM의 왼쪽에 생성된 web 폴더를 우클릭한 다음, New File을 클릭한다.
4. (웹페이지 이름).html을 입력한다. 뒤의 확장자(.html)는 건드리지 않는다.
5. Ctrl + O를 통해 방금 생성한 웹페이지를 연다.
6. 생성된 탭에 코드를 입력하고 저장(Ctrl + S)한 다음, 웹페이지를 새로고침(F5)한다.
태그(tag)
- HTML에서 사용하는, 특정 기능을 지원하는 문법.
- <>: 여는 태그, </>: 닫는 태그 ex) <strong>Harry Potter</strong>
- 닫는 태그가 필요없는 태그도 있다. ex) <br>: 줄바꿈 태그
자주 쓰는 태그들
https://www.advancedwebranking.com/seo/html-study/
HTML Study
Overview This HTML usage data comes from 11.3 million index pages gathered from top twenty Google results, for about 30 million keywords - chosen by keyword volume. To learn more about this data, visit the FAQ section. Total 11,264,652 pages Doctype The
www.advancedwebranking.com
- <h1>, <h2>, ... , <h6>: 제목(heading) 설정
- <br>: 줄바꿈(enter 기능)
