[프론트엔드 입문] 1-2 웹페이지 작성 준비 및 HTML 구조

김광일·2024년 9월 13일

프론트엔드 입문

목록 보기
2/20
post-thumbnail

1. 웹페이지 작성 준비

[1] 웹페이지 작성 준비

  • HTML 문서 작성 에디어 (코딩)
  • 웹 브라우저 (실행)
  • 웹 서비스 지원 서버 (AWS)
  • 서비스 하려는 홈페이지 호스팅 서버

[2] HTML 프로그래밍

  • 메모장 사용, Type tags into a text file
  • HTML code는 .html 확장자로 저장한다.
  • 저장된 파일을 실행하여 웹 브라우저에서 결과를 확인한다.
  • 수정 시, 다시 메모장에서 편집한다.

2. HTML 구조

[1] HTML 구조

[2] HTML 예제

<코드>

<HTML>
  <HEAD>
    <Title>test page</Title>
  </HEAD>
  <BODY>
    <h1>My first heading</h1>
    <p>My first paragraph</p>
  </BODY>
</HTML>

<결과>

3. HTML 문서 작성

[1] HTML 문서 작성, 실행

  • 메모장에 예제를 입력한다.
  • 저장 시, 확장자 .html 로 저장한다
  • 저장된 파일을 실행하여 웹 브라우저에서 결과를 확인한다.
  • 필요 시 'set the encoding to UTF-8'로 저장한다.

profile
안녕하세요, 사용자들의 문제 해결을 중심으로 하는 프론트엔드 개발자입니다. 티스토리로 전환했어요 : https://pangil-log.tistory.com

0개의 댓글