본문 바로가기

Web/Html21

HTML - 태그 HTML - 태그 #1 head와 body 태그는 크게 로 나뉜다. head의 영역은 브라우저 엔진을 구동하기위한 영역이라고 보면 되고 body의 영역은 브라우저를 틀었을 때, 실질적으로 대부분의 가시적인 부분을 노출하는 곳이라고 생각하면 된다. #2 body에 들어가는 주요 태그들 사실상 대부분의 태그명은 정해진것은 아니라고도 볼 수 있는 것같다. 간결하게 쓰자면 영역표시를 div로만 하는 경우도 있기 때문이다. 하지만 나 외의 사람들이 작업할때 코드를 볼 가능성이 매우매우 높기 때문에 그들에게도 이해를 시켜주기 위한 body 주요태그들을 구조적으로 보자면 header - body안에서 일종의 head역할을 한다. nav - 네비게이션 영역 section - 일종의 종류를 구분하는 영역이다. artic.. 2022. 12. 29.
Html - HTML Emmet(html 자동완성 단축 입력) HTML Emmet div + 탭 -> 태그{내용} + 탭 -> 내용 div>div + 탭-> div>p+a + 탭 -> ul>li*4 + 탭 -> div.class-name -> div#asdf + 탭 -> 알고있었것들이긴 하지만 이것을 활용하지는 않았다. django-html과 html의 사용시 구동되는 것은 다르기 때문이다. 하지만 코드가 약간만 더 길어져도 분명히 주의해야하고 활용해야하는 단축 입력이라고 생각해서 포스팅 한다. 2022. 12. 27.
html - 태그속성 설명 (name, id, type, placeholder) name elements name을 비롯해서 하나의 태그에 들어가는 속성들에 대해서 전부는 아니더라도 배운것에 대해서 나열해보고자 한다. 일단 보통 데이터를 저장하기 위해서는 input 이라는 태그와 button이라는 요소가 쓰이는데 input이 가장 기초적이고 필수적인 태그라고 생각한다. *예시 이 태그를 보면 구조적으로 input -> 이거는 태그의 속성을 나타내고 Input의 경우 ‘데이터를 입력받는다’라는 의미를 가진다 name=“username” -> 이건 바로 이어서 설명하겠다 id=“username” -> 가장 앞의머리에 있는 태그의 주소값 개념으로써 한 페이지당 중복 id를 사용하면 안된다. label 태그의 경우 for를 쓰게 되는데, 그 for에 들어가서 찾게되는 주소 역할을 하게된다 .. 2022. 11. 14.
html - label 태그 label 태그 label 태그는 그냥 읽으면 “라벨”인것같다. 그러나 영미권에서는 “레이블”이라고 발음하는 것같다. 아무튼 이 태그가 중요한 이유는 입력창이든 옵션선택창이든 어떤 선택자를 선택해야할때, 보다 편리하게 영역 자체가 클릭하는 공간이 되기때문에 좋다. 이렇게 쓰이는데, 그러면 label 영역을 눌렀을때 해당 ID 값에 해당하는 영역이 눌러진다. 2022. 11. 13.

티스토리툴바