tag
-
tag, 태그에 이름 설정(ID, Class)이거 공부 했더니 어때?/HTML & CSS & JS 2020. 10. 20. 03:45
HTML문서에는 같은 태그가 여러번 쓰이기 때문에, 여러번 쓰인 동일한 태그가 각각 어디에 어떻게 쓰였는지, 헷갈리고 혼란스러워 질 수 있습니다. 예를 들어, div태그가 여러번 쓰이게 되면 헷갈릴 수 있기 때문에, 여러번 쓰인 div태그가 각각 무엇을 뜻하는지를 지칭한다면, 각 태그들을 헷갈리지 않고, 구분할 수 있습니다. 그럼 다시, section태그와 header태그, 그리고 header안에 h1태그를 만들어서, 예를 들어 보도록 하겠습니다. 또, 하단에 div태그를 만들고, div태그안에 header태그를 만들겠습니다. 이렇게 두 번 쓰인 header태그는 동일한 header라는 명칭을 갖고 있기 때문에, 구분이 되지 않습니다. 따라서, 두 header태그를 각각 이름을 정해줌으로써 구분할 수 있..
-
HTML 태크 구조이거 공부 했더니 어때?/HTML & CSS & JS 2020. 10. 16. 04:50
이번시간에는 HTML 태그에 대해 공부해 보도록 하겠습니다. 저번시간에 말했듯이, HTML은 태그 덩어리이기 때문에, 태그를 먼저 알아야 합니다 HTML 파일을 직접 만들어보면서, 태그를 배워보도록 하겠습니다. 디폴트 값으로 index파일을 제일 먼저 찾도록 웹 서버들은 설계되어 있기 때문에, Visual Studio Code를 열어 index라는 이름으로 파일을 만들어 보겠습니다. KAKAO-CLONE 옆에 있는 아이콘, New File을 클릭하여, index.html이라는 이름으로 파일을 만들어 주면 됩니다. 태그의 구조를 살펴보면 내용 이런식으로 생겼습니다. 예를 들자면, Human, 인간 으로 또는 Dog, 멍멍이로 쓰인다고 이해할 수 있습니다. 이게 웬 새로운 태그냐 하시는 분들도 있으실지 모르..
-
HTML이란?이거 공부 했더니 어때?/HTML & CSS & JS 2020. 10. 14. 05:30
저번시간에 배웠듯이, HTML은 Hyper text markup launguage의 줄임말입니다. 즉, 웹사이트에서 각 요소가 무엇을 뜻하는지 알려주는 언어가 바로, HTML입니다.우리는 HTML을 tag, 태그로 이용해서 작성할 것입니다. HTML 문서는 대부분 엄청나게 많은 태그로 이루어져 있습니다. 근데 이 태그를 사용해서 HTML 문서를 작성할 때 따라할 규칙들이 있습니다.정리하자면, HTML은 태그가 엄청 많은 텍스트 문서이고, 웹사이트의 요소들을 밑줄 그어서 설명해 주는 언어입니다. 즉, 웹사이트의 내용이 무엇인지, 그 요소들을 구분해주는 언어가 바로 HTML입니다.