html2
1.HTML 파일구조
<!DOCTYPE>
<html>
<head>
</head>
<body>
</body>
</html>1.1<!DOCTYPE>
-html 파일의 선언문 html파일이 무슨버전의 html을 사용했는지 알려주는 역할. (html5)
태그는 아니다.
1.2
을 제외하고 모든 태그의 제일 윗줄의 태그로 감싸져 있습니다. 브라우져가 이태그를 만나면html이 시작됐는지 인지하고 요스를 그릴 준비한다.
<html></html>1.3
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>repl.it</title>
</head> html 태그 다음에는 항상 태그가 위치한다.
사이트제목,설명,부가 정보, 기술적 내용(사이트가 모바일 용인지)이 들어간다.
1.4
한글,일본어,중국어가 포함된 페이지라면 utf-8이라는 값으로 문자 인코딩을 해야한다.
1.5
디바이스의 가로크기가 웹페이지와 같다는 의미로 모바일에서 웹페이지가 데스크탑버전과 똑같이 나오게 하기 위함.
1.6
head태그 다음에 오는 태스로 body태그 안에 있는 코드들이 화면에 보여진다.
2.태그
2.1
~
-주로 제목같은 텍스틑 보여줄때 사용
-1에서6으로 갈수록, 글씨크기가 줄어든다.
-h1태그는 한번만 사용가능하며 h2부터는 여러번 사용가능하다.
-
~
태그는 순차적으로 사용해야한다.(h3태그가 있려면 h1,h2태그가 있어야한다.)
<a href="https://www.w3schools.com/tags/tag_div.asp" target="_blank">a 태그?</a> -a태그는 클릭하면 화면이 이동한다.
-href속성에 이동할 주소를 쓰면된다.
-target속성에 "_blank"값은 클릭하면 새창으로 뜨게 해주는 값.
2.3
-
태그 또한 텍스를 주로 넣어준다.
-paragraph의 줄일말로 주로 문단을 통으로 넣을때가 많다.
-줄바꿈이 일어난다.
2.4
- 태그에는 주로 텍스를 넣어준다.
-줄이 바뀌지 않고 한줄에 이어서 나온다.inline-element
2.5
-division의 줄일말로 웹사이트에서 섹션을 나눈 때 사용한다.
-
태그에는 아무런 의미가 없다.
안녕하세요