HTML
-
HTML BODY 부분 태그이거 공부 했더니 어때?/HTML & CSS & JS 2020. 9. 13. 16:18
HTML태그는 정보의 구조와 특성을 표현하기 위해 쓰고, 디자인은 CSS로 이용해 줍니다. 제목 태그: h태그는 단계별 구획의 제목을 나타내는 태그로, h1부터 h6순으로 (h1> … >h6) 크기 조절가능. 1) h1은 페이지당 하나만 사용. 2) 순서는 크기순으로 사용(h1->h2->…->h6순). 3) 시각적 효과를 위해 사용하지 말 것(디자인은 CSS로). 4) (제목을 나타내기 위한)정보의 구조를 나타내는 용도로 사용. 줄바꿈 태그: 1. br태그, 2. p태그 1. br태그: break의 줄임말로, 단순 시각적인 줄을 바꾸기 위한 태그(Enter역할). 1) 닫는 태그가 필요하지 않고, 위치에 상관없이 사용가능. 2) 여러번 사용하면, 여러줄을 바꿈. 2. p태그: 문단(paragraph)태그..
-
HTML 태그 구조와 Head부분 태그이거 공부 했더니 어때?/HTML & CSS & JS 2020. 9. 11. 19:56
HTML 태그 구조를 살펴보면, 태그안에 다른 텍스트들이 적혀 있는 것을 확인할 수 있습니다. 아래 그림과 같이, 태그 오른편에 적혀있는 attribute를 테그의 속성, attribute라고 합니다. 이는 각 태그들의 특정 속성들을 지정해 줍니다. 태그의 속성, attribute들을 하나씩 살펴보도록 하겠습니다. 먼저, html태그에 들어가 있는 속성을 살펴 보면, 으로, language, 언어가 english, 영어로 설정되어 있습니다. 반면, 한국사이트 중 하나인 네이버에서 html태그에 들어있는 속성을 살펴보면, 로, language, 언어가 korean, 한국어로 되어 있는 것을 확인할 수 있습니다. 따라서, 브라우저에 따라 사용하는 언어가 알맞게 설정하지 않더라도, 스마트하게 인식해서 나타내기..
-
HTML이란?이거 공부 했더니 어때?/HTML & CSS & JS 2020. 9. 8. 15:14
HTML은 간단하게 웹페이지에 어떠한 요소들을 가져다 놓는 것으로 이해할 수 있습니다. HTML: Hyper-Text-Markup-Langauge의 약자로, 코드의 어느 부분이 제목이고, 링크인지를 브라우저에게 알려주는 마크업언어. 프로그래밍언어, Programming Language: 기계가 어떻게 할 지 지시를 내리는 것. 마크업언어, Markup Language: 특정 형식과 문법대로 어떠한 요소들을 배치하는 것. : 버전 HTML5의 HTML형식을 가진 문서라고 명시 head태그는 눈에 보이지 않는 부분으로, 웹페이지의 제목 등을 입력 body태그는 눈에 보이는 부분으로, 웹페이지의 내용들을 입력 visual studio code에서 아래와 같이 작성 후, 확인할 수 있습니다.