<img src="coding.jpg" width=100%>
이미지 삽입 태그 src = source
attribute(속성)의 순서는 상관없음
Unsplash.com 퀄리티 높은 이미지 저작권 프리
부모 태그와 자식 태그
목차 그룹핑(부모 태그)
ul = unordered list (순번 미포함)
ol = ordered list (순번 포함)
목차(자식 태그)
li = list
<ul>
<li>
목차 태그
</li>
</ul>
ctrl 누르고 여러 가지 선택 가능
Tab 누르면 들여쓰기 가능
<title> 웹페이지 제목 </title>
![](https://blog.kakaocdn.net/dn/HLHHv/btrC0NwfBli/qrVac0Y5Pm9WKZdJwHOKu0/img.png)
<meta charset = "utf-8">
---> 이 문서를 열 때는 utf-8로 열렴(한글이 제대로 로드 안 될 때)
링크 넣는 법
<a href = "링크" target = "_blank" title = "html5 specification" > 링크 넣을 곳 </a>
a = anchor
h = html
ref = reference
target = "_blank" 새 탭으로 열어라
title = "html5 specification" 커서를 댔을 때 "이름"이 보이게 하라
*html 태그의 큰 구조
<!doctype html>
<html>
<head>
</head>
<body>
</body>
</html>
내 컴퓨터에서만 할 때는 사진이나 html 링크를 그대로 걸어도 상관없지만 남의 컴퓨터에서 열게 하고 싶을 때는
비공개로 html 파일을 올리고, 작성화면에서 링크 주소 복사해서 atom 해당 주소에 넣어야 함
![](https://blog.kakaocdn.net/dn/bHb2Gm/btrCY2Z92oA/be1v8J2Kmw57DXK1baBbKK/img.png)
내가 만들어 본 페이지 ㅎㅎ
는 사진 로드가 안 돼서 일단 닫는다 ㅡㅡ 울 천재강쥐들 자랑하고 싶은데 내 컴에서는 잘 열리다가... 뭐가 문제일까?