📚 제대로 파는 HTML & CSS (무료 파트)
웹 개발의 기본! HTML과 CSS를 기초부터 실무지식까지 배워봅니다.
📗Section 1. <갖다 놓는> HTML
1. 제목과 본문
Emmet, 태그의 개념, <h1> ~ <h6>, <br>, <p>, <hr>, 주석
2. 종류와 중요도에 따른 태그
<b>, <strong>, <i>, <em>, <sup>, <sub>, <u>, <s>
3. 인용된 컨텐츠
속성 개념, <blockquote>, <q>, <mark>, <address>, <abbr>
4. 나열되는 요소들
<ol>, <ul>, <li>, <dl>, <dt>, <dd>
5. 이미지 넣기
<img> 태그와 속성들
6. 표 사용하기
<table>, <caption>, <tr>, <td>, <th>, <thead>, <tfoot>, <colgroup>, <col>
7. 다른 곳으로의 링크
<a> 태그와 속성, <address>
8. 사용자로부터 입력 받기 1
<form>, <input>, <label>, <button>, <fieldset>, <legend>
9. 사용자로부터 입력 받기 2
<input>의 각종 타입과 속성들
10. 사용자로부터 입력 받기 3
<textarea>, <select>, <option>, <optgroup>, <progress>, <meter>
11. CSS로 넘어가기 전에
<pre>, <iframe>, <span>, <div>
📘Section 2. <꾸미는> CSS
1. CSS 적용방법(inline, internal, linked)과 선택자들
2. 글자와 텍스트 스타일
font-style, font-weight, font-size(단위들), text-decoration, text-transform, text-shadow
3. 문단과 목록 스타일
text-align, letter-spacing, word-spacing, line-height, text-indent, list-style
4. 색 표현하기
색 표현 방식들(keyword, RGB, hex, HSL), color, background-color
5. 인라인 요소와 블록 요소
6. 박스 모델 1
추가 단위들, width(+ min-, max-), height(+ min-, max-), margin, padding
7. 박스 모델 2
border, box-sizing, border-radius, overflow, box-shadow
8. 배경 꾸미기
배경 이미지와 그라데이션
9. 포지셔닝
position, top, bottom, left, right, z-index
10. 요소들을 감추는 방법들
display, visibility, opacity, cursor