Introduction to HTML
HTML의 정의와 기능
웹 페이지를 만들기 위한 언어, 웹 페이지의 구조를 잡을 수 있다.
HTML tag
<태그이름>내용</태그이름>
<p></p>
<h1></h1>
<h2></h2>
<a></a>시작과 동시에 종료되는 태그도 존재
<img>
<br>HTML tags
HTML 파일의 구조
<!DOCTYPE> // 무슨 버전의 html을 사용했는지 브라우저에 알려주는 역할
<html> // 브라우저가 html이 시작됐는지 인지
<head> // 사이트의 제목, 설명, 부가정보, 기술적내용이 들어가는 부분
<meta charset="utf-8"> // 한글 포함된 페이지라면 추가
<meta name="viewport" content="width=device-width">
// 디바이스의 가로 크기가 곧 웹 페이지의 가로와 같다는 의미
<title>repl.it</title> // 브라우저 탭에 보이는 페이지 이름
</head>
<body> // 화면에 보여질 각종 태그들이 위치
</body>
</html>HTML tags
<h1>,<h2>,<h3>,<h4>,<h5>
주로 제목같은 텍스트를 보여줄때 사용하는 태그
<span>
<span>태그에는 주로 텍스트, 한 줄에 이어서 나오는(inline-element)
<p>
문단을 넣을 때 사용, 줄바꿈이 일어난다.
<a>
<a href="https://www.w3schools.com/tags/tag_div.asp" target="_blank">a 태그?</a>href => 이동해야 하는 주소
target = "_blank" => 새창으로 뜨게 해준다.
<div>
섹션을 나눌 때 사용
HTML Attributes
id
id는 각 태그에 이름을 주는 속성(중복된 id 이름이 있으면 안된다.)
class
class도 각 태그에 이름을 주는 속성(중복된 class 이름을 줄 수 있다.)
Today I Learned