728x90
HTML 독학을 위해 3schools(https://www.w3schools.com/html/)를 나름 해석한 자료를 공유합니다.
HTML목차
1. HTML이란? | https://blog.naver.com/redoxup/223172012635 |
2. HTML문서 만들기 | https://blog.naver.com/redoxup/223172027076 |
3. HTML요소(Elements) | https://blog.naver.com/redoxup/223172953875 |
4. HTML의 속성(Attributes) - href, src, width, height, alt, style, title, lang | https://blog.naver.com/redoxup/223172981255 |
5. 헤딩(Heading)요소 - h1, h2, h3, h4, h5, h6 | https://blog.naver.com/redoxup/223173796745 |
6. 단락 관련 요소 - p, hr, pre | https://blog.naver.com/redoxup/223173819567 |
7. 스타일(style) 속성 | https://blog.naver.com/redoxup/223174555850 |
8. 텍스트(Text)관련 요소들 - b, strong, i ,em, mark, small, del, ins, sub, sup | https://blog.naver.com/redoxup/223174578989 |
9. 인용(Quotation and Citation)관련 요소 - blockquote, q, addr, address, cite, bdo | https://blog.naver.com/redoxup/223177284522 |
10. 주석(Comments) | https://blog.naver.com/redoxup/223177301104 |
11. 링크(Hyperlinks) - anchor, target, URL, mailto, title, 책갈피(bookmarks) | https://blog.naver.com/redoxup/223177956322 |
12. 이미지(Images) - img, src, map, area, picture, 이미지맵 | https://blog.naver.com/redoxup/223179095854 |
13. 파비콘(Favicon) | https://blog.naver.com/redoxup/223179120812 |
14. 문서의 제목(Title) | https://blog.naver.com/redoxup/223179811078 |
15. 테이블 - table, tr, td, th, col | https://blog.naver.com/redoxup/223179829054 |
16. 목록(List) - ol, ul, dl, li, dt, dd | https://blog.naver.com/redoxup/223179841104 |
17. 블록(Block)요소와 인라인(Inline)요소 | https://blog.naver.com/redoxup/223181234722 |
18. 클래스와 아이디(Class & Id) | https://blog.naver.com/redoxup/223181252075 |
19. 아이프레임(iframe) 요소 | https://blog.naver.com/redoxup/223181266029 |
20. 자바스크립트 적용하기 - Javascript, noscript | https://blog.naver.com/redoxup/223183138426 |
21. 헤드(Head) - title, style, meta, link, script, base | https://blog.naver.com/redoxup/223183318655 |
22. 레이아웃(Layout) - heade, nav, section, article, aside, footer, details | https://blog.naver.com/redoxup/223183328376 |
23. 컴퓨터 코드(Computer Code) - code, kbd, samp, var | https://blog.naver.com/redoxup/223184901549 |
24. 시맨틱 요소(Semantic Elements) - header, nav, section, article, aside, footer, details | https://blog.naver.com/redoxup/223185236304 |
25. HTML 문서 작성방법 | https://blog.naver.com/redoxup/223186840283 |
26. 문자 엔티티 - 부호, 분음, 기호, 수학, 그리스 문자 | https://blog.naver.com/redoxup/223186870341 |
27. 이모콘티(Emojis) | https://blog.naver.com/redoxup/223186876476 |
28. 인코딩(문자 셋) - Encoding, Character Sets , UTF-8 | https://blog.naver.com/redoxup/223189086777 |
29. 경로(URL) | https://blog.naver.com/redoxup/223189093979 |
30. 폼(Forms)요소 - action, target, method(get/post) , autocomplete, novalidate, enctype | https://blog.naver.com/redoxup/223189110772 |
31. 폼(form)을 구성하는 요소들 - select, textarea, input, button, fieldset, legend, datalist | https://blog.naver.com/redoxup/223190370625 |
32. <input>요소의 속성들 - value, readonly, disabled, size, maxlength, max, min, multiple, pattern, placeh | https://blog.naver.com/redoxup/223190418714 |
33. 입력 양식(Input form)의 속성들 - formaction, formenctype | https://blog.naver.com/redoxup/223191104445 |
34.멀티미디어(Multimedia) - video, audio, plug-in, object, embed, 유튜브, mp4, mp3 | https://blog.naver.com/redoxup/223191141510 |
35. 카테고리별 HTML요소 참조 | https://blog.naver.com/redoxup/223191154833 |
36. 전역 속성(Global Attributes) | https://blog.naver.com/redoxup/223192123535 |
37. 언어 코드(ISO Language Code) | https://blog.naver.com/redoxup/223192140251 |
38. 국가 코드(ISO Country Codes) | https://blog.naver.com/redoxup/223192224547 |
728x90
'JOLIB+자료모음' 카테고리의 다른 글
CSS 독학을 위한 3schools해석 (1) | 2024.10.10 |
---|---|
HTML예제 - Header 05 (0) | 2024.07.02 |
HTML예제 - Header 04 (0) | 2024.06.26 |
HTML예제 - Header 03 (0) | 2024.04.25 |
HTML예제 - Header 02 (0) | 2024.04.19 |