본문 바로가기

HTML/learned_it_today

(14)
6. Product Card (feat. strong, aria-label, aria-hidden) 이 포스트는 김버그님의 김버그의 HTML&CSS 강의 학습 후 메모한 내용을 정리한 것입니다. 출처:edu.goorm.io/learn/lecture/20583/%EA%B9%80%EB%B2%84%EA%B7%B8%EC%9D%98-html-css%EB%8A%94-%EC%9E%AC%EB%B0%8C%EB%8B%A4 김버그의 HTML&CSS는 재밌다 - 구름EDU HTML&CSS를 한번에! 탄탄한 개념이해부터 실습까지 한 강의로 끝내기, 실무 가능한 실력으로 😎 edu.goorm.io 📸 Screenshot 📝 메모 1. '이병률'이라는 작가 이름보다 '혼자가 혼자에게'라는 제목이 중요하기 때문에 책 제목을 먼저 마크업하고 그 다음에 작가 이름을 적었다. (CSS로 수정) 2. '오늘의 책'으로 선정됐다는 건 중요..
5. Breadcrumb & Pagination (feat. anchor의 끝판왕) 이 포스트는 김버그님의 김버그의 HTML&CSS 강의 학습 후 메모한 내용을 정리한 것입니다. 출처:edu.goorm.io/learn/lecture/20583/%EA%B9%80%EB%B2%84%EA%B7%B8%EC%9D%98-html-css%EB%8A%94-%EC%9E%AC%EB%B0%8C%EB%8B%A4 김버그의 HTML&CSS는 재밌다 - 구름EDU HTML&CSS를 한번에! 탄탄한 개념이해부터 실습까지 한 강의로 끝내기, 실무 가능한 실력으로 😎 edu.goorm.io 📸 Screenshot 📝 메모 1. breadcrumb에서 책 모양 아이콘과 중간 슬래쉬는 의미적으로는 크게 중요하지 않고 꾸며주는 요소들 => 마크업하지 않고 CSS로 처리한다. 2. pagination에서 - Previous와 ..
4. Logo in Header 이 포스트는 김버그님의 김버그의 HTML&CSS 강의 학습 후 메모한 내용을 정리한 것입니다. 출처:edu.goorm.io/learn/lecture/20583/%EA%B9%80%EB%B2%84%EA%B7%B8%EC%9D%98-html-css%EB%8A%94-%EC%9E%AC%EB%B0%8C%EB%8B%A4 김버그의 HTML&CSS는 재밌다 - 구름EDU HTML&CSS를 한번에! 탄탄한 개념이해부터 실습까지 한 강의로 끝내기, 실무 가능한 실력으로 😎 edu.goorm.io 📸 Screenshot 📝 메모 좀 놀란 건 나는 보통 로고
3. Feature Box 이 포스트는 김버그님의 김버그의 HTML&CSS 강의 학습 후 메모한 내용을 정리한 것입니다. 출처:edu.goorm.io/learn/lecture/20583/%EA%B9%80%EB%B2%84%EA%B7%B8%EC%9D%98-html-css%EB%8A%94-%EC%9E%AC%EB%B0%8C%EB%8B%A4 김버그의 HTML&CSS는 재밌다 - 구름EDU HTML&CSS를 한번에! 탄탄한 개념이해부터 실습까지 한 강의로 끝내기, 실무 가능한 실력으로 😎 edu.goorm.io 📸 Screenshot 📝 메모 1. img 태그는 self-closing tag 2. alt에 마땅히 넣을 말이 없어도 alt="" 속성은 적어둘 것. 3. 근데 이미지 태그가 정보로써의 역할이 약하다고 판단이 되면 이미지 태그를 ..
2.GoogleSearchResultItem (feat. h1>a, strong, html escape code) 이 포스트는 김버그님의 김버그의 HTML&CSS 강의 학습 후 메모한 내용을 정리한 것입니다. 출처:edu.goorm.io/learn/lecture/20583/%EA%B9%80%EB%B2%84%EA%B7%B8%EC%9D%98-html-css%EB%8A%94-%EC%9E%AC%EB%B0%8C%EB%8B%A4 김버그의 HTML&CSS는 재밌다 - 구름EDU HTML&CSS를 한번에! 탄탄한 개념이해부터 실습까지 한 강의로 끝내기, 실무 가능한 실력으로 😎 edu.goorm.io 📸 Screenshot 📝 메모 1. 제목이면서 동시에 링크 역할도 한다? HTML5 Semantic Elements - W3Schools a>h1도 상관 없겠지만 개인적으로는 h1>a로 하면 ' 아 일단 heading인데 링크가 붙..
1.AdBanner ( feat. 버튼처럼 보인다고 다 <button> 태그를 쓰는 건 바보짓이였어...) 이 포스트는 김버그님의 김버그의 HTML&CSS 강의 학습 후 메모한 내용을 정리한 것입니다. 출처:edu.goorm.io/learn/lecture/20583/%EA%B9%80%EB%B2%84%EA%B7%B8%EC%9D%98-html-css%EB%8A%94-%EC%9E%AC%EB%B0%8C%EB%8B%A4 김버그의 HTML&CSS는 재밌다 - 구름EDU HTML&CSS를 한번에! 탄탄한 개념이해부터 실습까지 한 강의로 끝내기, 실무 가능한 실력으로 😎 edu.goorm.io 📸 Screenshot 📝 메모 다 괜찮았다. 제목 부분에 태그 쓰고 태그 써서 줄바꿈 해주고 내용 부분에도 태그, 로 줄바꿈. 그 다음에 아무 생각없이 Join Pro 이라고 코드를 썼는데 생각해보면 저 버튼을 누르면 지금 현재 페..