안녕하세요. MH입니다.
오늘은 HTML이라는 컴퓨터 프로그래밍 기본 문법에 대해서 처음으로 글을 써보도록 하겠습니다.
HTML(Hypertext Markup Language)은 엄밀히 따지자면 프로그래밍 언어는 아닙니다.
우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어입니다.
이는 개발자로 하여금 복잡하게도 간단하게도 프로그래밍할 수 있습니다.
HTML은 집단(elements)으로 구성되어 있으며, 이들은 적절한 방법으로 나타내고 실행하기 위해
각 컨텐츠의 여러 부분들을 감싸고 마크업 합니다.
오늘은 태그(Tag) 코드에 대해서 알아보도록 하겠습니다.
기본적으로 태그의 구성은 열고 닫는 형태로 되어있습니다.
<여는 태그> 보여줄 정보 </닫는 태그>
글자색을 강조해주는 <strong> 태그
위의 사진을 예시로 설명을 드리자면 아래와 같이 표기가 됩니다.
<strong>creating web pages</strong>
= creating web pages
글자에 밑줄을 그어주는 <u> 태그
글자 밑줄
<u></u>
<strong> creating <u>web</u> pages </strong>
= creating web pages
줄을 바꾸는 데 사용하는 <br> 태그
br 태그는 닫는 태그를 사용 안 해도 됩니다.
<br>
단락을 나누는 <p> 태그
<p></p>
css
<p style="margin-top:45px;">
위와 같이 p 태그에 style="margin-top:45px"를 추가하면
p 태그의 위쪽에 45px 만큼의 여백(margin)이 생깁니다.
p 태그를 통해서 단락의 경계를 분명히 하면서
CSS를 통해서 p 태그의 디자인을 자유롭게 변경할 수 있기 때문에
br 태그보다 p 태그가 더 좋은 선택입니다.
댓글