Name
-
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문서 작성 #2이거 공부 했더니 어때?/HTML & CSS & JS 2020. 10. 18. 05:05
이번시간에는 meta 태그, 엑스트라, 추가 정보를 작성할 수 있는 태그에 대해 배우도록 하겠습니다. 먼저, meta 태그에 character encoding을 뜻하는 charset을 attibute자리에 쓴 후, 우리는 여기서 값을 utf-8를 써 줍니다. UTF-8은 문서를 encoding 해 주고, 다시 말하면, UTF-8방식의 encoding으로 해당 문서를 작성한다는 뜻입니다. 만약 러시아어나 프랑스어로 문서를 작성했을 경우에는, encoding은 다른 방식으로 세팅해 주어야 합니다. (UTF-8은 거의 모든 언어가 출력 가능합니다.) 정리하면, UTF-8 코드는 브라우저에게 우리가 작성하는 문서가 어떠한 언어, character로 작성되었는지를 알려줍니다. 따라서 잘못 셋팅하게 된다면, 웹 문..
-
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, 멍멍이로 쓰인다고 이해할 수 있습니다. 이게 웬 새로운 태그냐 하시는 분들도 있으실지 모르..