2강. HTML-태그(문법)

안녕하세요! 2020.07.13 월요일입니다. 시간이 정말 빠르네요. 웹 개발 공부 2일차 입니다. 웹 개발은 뭔가 하나하나가 눈에 선명히 보여서 재미있고 쉽게 느껴지는 것 같습니다. 오늘의 자료는 HTML의 태그 입니다. 태그는 문법이라고 보시면 편하실 것 같습니다. 예를 들면 어떤 글에 이 부분은 강조하고싶다! 혹은 이 부분은 밑줄을 귿고 싶다의 기능 표현 방법이라고 생각하시면 되겠습니다. 어렵지 않으니 하나하나 보시면서 따라해보세요~ 지난 1강에서 끝난 부분부터 시작하도록 하겠습니다.

 

지난 시간에는 'hello web' 이었죠? 이번 시간에는 pringles is so delicious. so I have to eat it everyday. Do you understand? 라고 아무말이나 적었습니다..ㅎㅎ 항상 주의해야할 점은 Atom에서 글을 적었으면 항상 ctrl+s를 이용하여

저장을 한 후에  크롬 창에서 새로고침을 해야 변경이 됩니다! 여러분들은 분명 이제 Atom에서 소스 작성을 하고 web에서 출력이 가능한 형태를 보며 즐거움을 느낄 것입니다. 저는 so delcious 부분을 강조하기 위해서 다음과 같은 문법을 적용할 겁니다. 

 

강조 문법

바로 <strong>내용</strong> 문법입니다. 내가 강조하고 싶은 곳을 내용에 넣어주고 그 사이에 <strong>...</strong>을 넣어주면 사진의 홈페이지 처럼 so delicious 부분이 강조된 형태로 나타난 것을 볼 수 있습니다. 자 그렇다면 저는 그 중에서도 delicous 부분을 더 강조하고싶다는 생각이 들었습니다. 우리가 진하게 표시를 통해 강조하는 것은 했으니 밑줄을 그어서 강조해보도록 하겠습니다. 밑줄은 underline 이므로 <u>내용</u>을 적용해 주면 됩니다. 

 

밑줄 넣기 문법

어때요? 진하게 하는 문법 <strong>....</strong> 안에 <u>....</u> 문법을 적용해주니 진하고 밑줄이 그어진 delicious 가 나타나집니다. 자 그럼 우리는 현재 2개의 태그(문법)를 배웠습니다. 정리를 해볼까요?

 

1.<strong>so delicious</strong> 글자를 진하게 해주는 태그(문법)으로서 앞에 있는 <strong>은 열리는 태그         </strong>은 닫히는 태그입니다. 차이를 보자면 뒤에 슬래시가 있는 정도로 보시면 되겠습니다

2.<u>delicious</u> 글자에 밑줄을 그어주는 태그(문법)으로서 앞에 있는 <u>는 열리는 태그 </u> 태그는 닫히는

   태그입니다.

 

여러분의 흥미를 유발하기 위해서는 이 정도의 문법이 적당할 거라 생각합니다. 2개의 문법을 실제로 적용하고 자기 것으로 만드는 시간을 만들어보세요~ 저는 다음시간에 더 유익한 정보를 가지고 오겠습니다! 3강을 기대해 주세요