HTML&CSS

goohyun1990·2020년 8월 18일
0

HTML&CSS

목록 보기
6/6

HTML

  • HTML은 웹 페이지를 만들기 위한 언어

HTML파일에 필요한 최소한의 태그

<html> <head> <body>

HTML파일의 기본 구조

<!DOCTYPE> 
<html>
<head>
  <meta charset="utf-8">
   <meta name="viewport" content="width=device-width">
   <title>repl.it</title>
</head>
<body>
</body>
 </html>
  • !DOCTYPE HTML 파일 제일 첫줄에 위치한 선언문,HTML버전 표시
  • HTML HTML elements(요소)들은 최상위
  • HEAD HTML태그 다음에 위치(사이트 설명,부가정보 제공)
  • meta charset="utf-8" 문자인코딩을 위함(한국,일보어,중국어)
  • meta name="viewport" content="width=device-width"
    모바일에서 웹사이트의 심미적 목적으로 사용
  • body head태그 다음에 위치, 화면에 보여질 각종 태그들이 위치

HTML TAGS

a 태그

<a href="https://www.w3schools.com/tags/tag_div.asp" target="_blank">a 태그?</a>
  • a 태그의 href 속성에 이동해야 하는 주소를 기입.
    target 속성에 "_blank" 값은 클릭하면 새창으로 뜨게 해주는 값.

div

  • div는 웹사이트에서 섹션을 나눌 때 사용
  • 비슷한 부분끼리 그룹
  • 디자인에 맞게 레이아웃을 분리
  • 각 div 에 class나 id라는 attribute를 부여하여 css 스타일을 입혀 줄 수 있음

0개의 댓글