HTML의 기본문법
우리는 계속 메모장을 사용하지 않을 것이기 때문에 메모장이나 텍스트 에디트의 편집기능이 다소 불편해도 불안해하지 마셔요. 지금 불편한 만큼 전문적인 도구를 만났을 때 감동도 클 것입니다.
ex_html1.html
1 2 3 4 5 6 7 8 9 | <!DOCTYPE html><html> <head> <meta charset="utf-8" /> </head> <body> 안녕하세요. <strong>생활코딩</strong>입니다. </body></html> |
HTML 문법 - 속성
ex_html2.html
1 2 3 4 5 6 7 8 9 | <!DOCTYPE html><html> <head> <meta charset="utf-8" /> </head> <body> </body></html> |
맥의 텍스트 에디트를 사용하시는 분은 '그냥 따옴표'가 '보기 좋은 따옴표'로 바뀔 수 있습니다. 그럼 링크가 잘못될 수 있습니다. 아래의 방법을 참고해서 설정을 바꿔주세요. 편집 > 대체> 스마트 인용을 끄면 됩니다.
HTML 문법 - 태그의 중첩
ex_html3.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <!DOCTYPE html><html> <head> <meta charset="utf-8" /> </head> <body> <ol> <li>html</li> <li>css</li> <li>JavaScript</li> </ol> <ul> <li>최진혁</li> <li>최유빈</li> <li>한이람</li> </ul> </body></html> |
HTML 정리
소스코드
웹접근성
시각 장애인들은 어떻게 웹의 정보에 접근하는가에 대해서 '이건 모야^^'님께서 귀한 댓글을 달아주셨습니다. 시각 장애가 있는 분들은 어떻게 웹의 정보를 사용하는가를 읽어보시면 우리가 배우고 있는 HTML이 얼마나 중요한 기술인지에 대해서 공감할 수 있을 것 같습니다. 일독을 권합니다.
쉬어가기
- 입문강의의 가치 (프로그래밍 오리엔테이션)
- 코딩야학 1기 & 생활코딩 라이브 방송
- 여기까지 공부한 분들에게 보낸 편지 (코딩야학 2기)
