HTML_1. 기본구조

oungoo·2020년 9월 14일
0

HTML_CSS_JavaScript

목록 보기
1/21

기본구조

<!DOCTYPE html>
<html>
  <head>
    <title>나의 웹페이지</title>
  </head>
  
  <body>
    <p>안녕하세요. 웹프로그래밍 기초</p>
  </body>
</html>  

< !DOCTYPE html >

  • 웹페이지에 사용된 html의 종류와 버전을 지정

요소 (element)

  • 시작태그와 종료태그로 이루어진 문서의 구성 요소
  • 요소 = 시작태그 + 콘텐츠 + 종료태그

속성

  • 요소에 대한 추가적인 정보 제공
  • 항상 시작태그에 이름="값" 형태로 기술됨

주석

  • html 코드를 설명하는 글
  • 사용방법 : < !-- 주석내용 -- >

html 문서 작성시 주의사항

  • 대소문자 구분 없지만 가독성 위해 소문자로 통일
  • 들여쓰기 필수

웹사이트 구축과정

  • 요구사항분석 -> 설계 -> html 문서 -> CSS 스타일

요구사항분석

  • 목표
  • 예산과 일정

설계

  • 기능
  • 메뉴
  • 네비게이션 구조

HTML 문서

  • 기능구현
  • 메뉴구현

CSS 스타일

  • 레이아웃
  • 색상

0개의 댓글