엄밀히 말하면 Yesterday I Learned 이지만
HTML을 선언한 뒤,,HTML에 주로 사용되는 <>(tags)들에 대해 알아보겠다.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>- 이하의 태그들은
<head>HTML문서의 특징에 대해 설명해 준다.
<head>
<meta charset=“utf-8”>
<meta name=“viewport” content=“width=device-width>
<title> DonZ </title>
</head> 1)<meta charset=“utf-8”>
: 한국, 일본어, 중국어가 포함된 페이지라면 utf-8값으로 문자 인코딩을 해야함
2)<meta name=“viewport” content=“width=device-width>
: '디바이스의 가로크기는 곧 웹 페이지의 가로와 같다'는 의미.
모바일에서 웹사이트가 예쁘게 잘 보이려면 추가해야하는 정보.
<span>과<p>의 차이
1) <span>
- text inline-element ; 줄바꿈 없이 한 줄에 이어나옴
<p> - 주로 문단을 통으로; 줄바꿈 일어남
- Anchor tag: 웹주소 링크연결
<a href=“https://velog.io/seod0209” target=“_blank”> 새 창 띄우기</a>
1) href: 연결할 웹페이지 주소
2) target="_blank": 해당 웹페이지 연결시 새로운 창으로 연다.
- Division tag: 비슷한 부분끼리 그룹, 디자인에 맞게 레이아웃 분리
<div>
섹션을 나눔.
</div>- Tag's Attribute(속성)
1) id
- 고유 값. 해당 id이름은 오직 하나. 중복 안도미
- 각 태그의 이름을 주는 속성
- 해당 요소에만 넣고 싶은 디자인을 적용할 때 사용
2) class
- 여러 태그에 중복 부여 가능
!!! 하나의 태그에 id 와class 모두 가질 수 있다.
<div id="you" class="ni">
이외에 name, type 등의 attribute들이 있지만
나중에 더 살펴보기로 하겠다.
블로그 이전했어요> https://seod0209.github.io