Html 시작하기(3)

Saimachi·2022년 5월 19일
0

HTML

목록 보기
3/3

2022-05-19

Html 시작하기 1

Html 시작하기 2

공부하는데에 참고한 사이트 >>여기

Html 문서의 구조

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>My test page</title>
  </head>
  <body>
    <p>This is my page</p>
  </body>
</html>
  • !DOCTYPE html - 유효한 문서 형식을 나타내는 짧은 문장.
  • html - 전체 페이지의 콘텐츠를 포함하며, 기본 요소이기도 하다.
  • head - 페이지의 이용자에게는 보이지 않지만, 검색 결과에 노출될 키워드, 페이지 설명, CSS 스타일 등을 담고 있다.
  • meta charset="utf-8" - html 문서의 문자 인코딩을 UTF-8로 지정하고 있다.
  • title - 페이지의 제목을 설정한다.
  • body - 텍스트, 이미지, 비디오, 게임, 오디오 등을 비롯하여 페이지에 표시되는 콘텐츠를 포함한다.

실습 - html 문서에 기능 추가하기

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>My test page</title>
  </head>
  <body>
    <h1 id="Pageup"></h1>
    <h1>THIS IS TITLE</h1><br>
    <p>This is <strong>my</strong> page</p>
    <br>
    <img src="이미지 링크 생략">
    <br>
    .
    . 생략
    .
    <br>
    <p><a href="#Pageup">
  페이지 처음으로 돌아가보기
    </a></p>
  </body>
</html>

Html 문서에서 특수기호 쓰기

  • < == & l t
  • > == & g t
  • " == & q u o t
  • ' == & a p o s
  • & == & a m p

Html 주석

<p>I'm not inside a comment</p>

<!-- <p>I am!</p> -->

< ! - - 와 - - > 를 이용해서 주석처리를 한다.




제목 달기

< Title > - Html 문서 전체의 타이틀을 표현하기 위한 메타데이터.
< h1 > - 일반적으로 페이지당 한번씩 사용.
페이지의 제목이나 뉴스의 헤드라인을 표시하기 위해서 사용

메타데이터 ( meta 요소 )

  • 데이터를 설명하는 데이터이다.
<meta charset="utf-8">
<meta name="author" content="Chris Mills">
<meta name="description" content="The MDN Learning Area aims to provide
complete beginners to the Web with all they need to know to get
started with developing web sites and applications.">

페이지 맨 위로 돌아가기

다음 글로 넘어감.

0개의 댓글