HTML의 기본 3 - HTML 실습 이어서

3교시 수업에서는 HTML 태그를 하나하나 익히면서 웹 페이지를 만들어보았다. 그리고 거의 끝 무렵에 위키백과사전을 보고 웹페이지를 만들어보는 실습도 진행했다. 

---

 

 

HTML 태그 알아보기

 

문단과 문장 태그

 

p태그와 span 태그를 사용해서 문장과 문단을 작성할 수 있다. 문장 안에 효과를 줄 때는 그 안에 작성하면 된다.

---

 

 

 

 

줄 바꿈 및 개행, bold체

 

줄 바꿈을 할 때는 br를 쓴다. 이건 내가 블로그를 쓸 때도 자주 사용하는 기능이다. 사실 이 태그는 별로 낯설지가 않은데, 얼마 전에 벨로그가 마크업으로 되어 있어 태그를 작성하면 효과를 줄 수 있다는 걸 알게 되었다.

처음에는 줄 바꿈이 없이 바로 쓰려니까 문단 사이가 나누어지지 않아 무척 불편했고 칸을 띄우는 싶은데 아무리 많은 칸을 띄워도 한 칸밖에 되지 않았다. 찾아보니 몇 가지 편리한 기능이 있어서 요즘은 잘 사용하고 있다.

동영상을 넣는 것도 있지만 최근에는 언리얼 프로젝트를 진행하지 않아 지금은 별로 필요 없을 것 같았다.

진하게 표시를 하는 건 b태그인데 strong도 같은 기능을 한다. 이 둘의 차이점은 스크린리더로 읽었을 때의 강조 여부의 차이이다.

---

 

 

 

그 외의 태그들

 

이탤릭체로 기울여 주는 건 em이고 선을 긋는 건 hr이다. ---을 해도 선이 그려지지만.

---

 

 

 

위키 백과사전 만들기 실습

이렇게 지금까지 배운 것을 활용해서 웹 페이지를 만들어보았다. 시간이 나면 좀 더 다양한 실습을 해보면 재미있을 것 같다.

---

 

 

학습을 마치고

3교시에서는 실습을 진행했는데 주석 태그를 쓰는 게 참 어려워서 타이핑 시간이 오래 걸렸다. 오늘 HTML 수업도 무척 기대가 된다. 더 많은 태그들을 배우게 될 것 같다.