티스토리 뷰
PC또는 모바일에서 이용하는 웹사이트를 만들기 위해서 기본적으로 알아야하는 언어는 두가지가있다. HTML과 CSS
이 두 언어를 알면 기본적으로 웹사이트에 내가 노출시키고싶은 정보와, 가독력을 높이기 위한 깔끔한 디자인을 만들수있다. 여기에 동적인 부분이나, 기능을 더 넣고 싶다면 이후에 JavaScript나, 프로그래밍 언어등을 배우면 된다.
그럼 HTML은 뭘까? Hyper Text Markup Language 의 약어이지만 간단하게 말해서 웹문서를 작성하는 언어이다.
HTML태그를 이용해 아래와 같이 문서를 작성하는데, 처음 접하는 사람이라면 이게 뭐지? 할것이다.
하지만 괜찮다. 어떤분야든 누구든 처음 접하는 것에 있어서는 같은 반응이기 때문이다.
웹문서를 작성하기 위해서는 위와 같은 기본 html 문서 서식이있다.
<,> 꺽쇠안에는 단어들이 있는데 꺽쇠를 포함해서 태그라고 부르고, 시작하는 태그( <> )와 끝태그( </> ) 로 구성이 되어있다. 또한 태그별로 담당하는 기능이 있으며 시작태그부터 끝태그까지를 요소(element)라고 부른다.
각 태그의 기능들이 궁금하겠지만 앞으로 설명을 해나갈예정이니 계속 궁금해하는게 좋다.
위문서를 나누어서 설명해 보겠다. <!DOCTYPE html> 는 이부분은 꺽쇠안에 들어있어 태그라고 생각하기 쉽지만, html5로 문서를 작성하겠다는 선언을 하는것이라고 생각하면 된다. 이부분이 누락될경우 오류가 생길수있으니 꼭 작성해주어야한다.
위에서 확인해보면 3개의 태그를 확인할수있는데 <html> <head> <body> 이며, 각태그가 시작태그가 있고 짝궁으로 각각의 끝 태그가 있는것을 확인할수있다. 그런데 특이한점이 하나있다. 바로 <html> </html> 태그안에 <head></head> 태그와 <body></body> 가있다. 이말은 즉 태그안에 태그를 넣을수있고 요소안에 요소를 넣을수있다는것이다. 이것을 태그의 중첩이라고 이야기를 한다.
또한 코딩을 할때 공백처리는 몇번을 입력한다 하더라도 한번만 처리되며, 코드 편집창에서는 개행을한다고 하더라도 실행되지않는다. 그렇다면 공백처리와, 개행을 하는 방법은 없는걸까? 아니다.
공백을 여러번 처리하고싶다면 공백 기호인 을, 개행을 하고싶다면 <br> 태그를 통해 개행을 처리한다.
◇ 오늘의 핵심 내용 정리 ◇
① html언어로 웹문서를 작성한다.
② 웹문서는 태그라는것으로 이루어져있으며, 태그는 시작태그와 끝태그로 이루어져있다.
③ 시작태그부터 끝태그까지를 요소라고 부른다
④ 태그는 중첩이 가능하다
⑤ 공백 기호인 / 개행태그 <br>
'it&ai > web' 카테고리의 다른 글
| ⑥ 웹사이트 만들기 HTML 문장_인용구 (0) | 2021.08.02 |
|---|---|
| ⑤ 웹사이트 만들기 HTML 문단 (0) | 2021.07.30 |
| ④ 웹사이트 만들기 HTML 제목 (0) | 2021.07.28 |
| 네이버 서치 어드바이저] 사이트 robots.txt 설정하기 (0) | 2021.07.27 |
| 네이버 서치어드바이저 ] 사이트 간단체크 (0) | 2021.07.26 |
| 네이버 서치어드바이저 ] 네이버 사이트 등록하기 (0) | 2021.07.26 |
| ③ 웹사이트 만들기 HTML 주석 (0) | 2021.07.26 |
| ② 웹사이트 만들기 HTML <head>와 <body> (0) | 2021.07.23 |