HTML의 기본문법
우리는 계속 메모장을 사용하지 않을 것이기 때문에 메모장이나 텍스트 에디트의 편집기능이 다소 불편해도 불안해하지 마셔요. 지금 불편한 만큼 전문적인 도구를 만났을 때 감동도 클 것입니다.
ex_html1.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
안녕하세요. <strong>생활코딩</strong>입니다.
</body>
</html>
HTML 문법 - 속성
ex_html2.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
안녕하세요. <a href="http://opentutorials.org/course/1" target="_blank">생활코딩</a>입니다.
</body>
</html>
맥의 텍스트 에디트를 사용하시는 분은 '그냥 따옴표'가 '보기 좋은 따옴표'로 바뀔 수 있습니다. 그럼 링크가 잘못될 수 있습니다. 아래의 방법을 참고해서 설정을 바꿔주세요. 편집 > 대체> 스마트 인용을 끄면 됩니다.
HTML 문법 - 태그의 중첩
ex_html3.html
<!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기)
