자기소개 페이지 만들기

What I Learned

1. It's easier to think of <div> tag as a box that holds whatever's inside.
2. href="#something" will direct you to where <a name="something"> within the same page.
3. Figure and figcaption go along together. Figcaption usually placed on the bottom of the figure.
4. When margin-left and margin-right is auto, it is placed in the center of its container(div?)
5. To make hr a dotted line, use border.
6. Font Awesome requires CDN instead of file when hosting the webpage.-

           0 0 0  
           0 0 0
           0 0 0

 1 1 1     2 2 2     3 3 3     4 4 4 
 1 1 1     2 2 2     3 3 3     4 4 4 
 1 1 1     2 2 2     3 3 3     4 4 4
 
           5 5 5
           5 5 5 
           5 5 5 

Comment

진짜 오랜만에 해 본 HTML. 다 까먹어서 처음 코드 짤 땐 엄청 고생했지만 이런 저런 웹사이트들 inspect 해가며(카피해가며..) 많이 배웠다. CSS 스타일링에는 구글링이 많은 도움이 됐다. 아직 이미지나 컨텐트의 레이아웃을 짜고 하는 것들에는 익숙치 않지만 내 나름대로 만든 첫 웹페이지라 결과물이 생각과는 달라도 만족스럽다. 한가지 힘들었던 점은 구글링한 것에서 내가 아는 것들을 토대로 조금씩 바꾸려 어떤 코드 하나만 건드려도 난장판이 된다는 것.. 문제는 뭐가 잘못됐는지 조차 알 길이 없다. 배치에 관해 많이 배워야 할 것 같다.