반응형
HTML
HyperText Markup Language
HyperText : 하이퍼링크를 통해 다른 문서로 접근할 수 있는 텍스트
Markup : 표시하다
Language : 언어
웹브라우저를 통해 볼 수 있는 문서를 만들 때 사용하는 언어
HTML 코드를 사용해서 웹페이지에 어떤 내용이 표시될지를 정의
HTML 코드가 웹브라우저를 통해 해석되고 표현되는 과정을 렌더링(rendering)이라고함
HTML 문서의 확장자 : *.html 혹은 *.htm
-> 파일을 수정하고 싶으면 텍스트 편집기로 / 결과(완성된 형태)를 확인하고 싶다면 웹브라우저로
ex) 편집기 : 기본 메모장, Brachets, VSCode 등
웹브라우저 : 크롬, 파이어폭스, 사파리, 인터넷익스플로러, 엣지 등
-> 어떤 편집기와 웹브라우저를 사용해도 무관함!
1. 편집기와 웹브라우저 실행
2. 편집기 저장
Ctrl+S로 저장을 할 때 확장자를 *.html로 저장
3. html 파일 생성
짠! 파일 생성!
애초에 작성한 코드가 없기 때문에 실행시켜도 빈메모장처럼 아무 것도 뜨지 않는다 ㅎ-ㅎ
*유노코딩님 영상을 통해 공부 중입니다.
반응형
'비전공자의 고군분투 코딩공부 > HTML' 카테고리의 다른 글
| 6. 태그의 구분은 뭐고, 인라인 텍스트 요소는 뭐여? (0) | 2023.05.09 |
|---|---|
| 5. 텍스트를 표시하는 태그는 뭐여? (0) | 2023.04.25 |
| 4. HTML 문서의 기본 구조는 뭐여? (0) | 2023.04.25 |
| 3. HTML 코드 기초 문법은 뭐여? (0) | 2023.04.19 |
| 2. 개발자 도구와 코드 에디터는 뭐여? (0) | 2023.04.14 |
