본문 바로가기

프론트엔드/HTML4

vscode 커서 두꺼워지는오류 가끔 중간에 글자 삽입하려 할 때 타이핑 시 뒤에 글자가 지워지는 경우가 있음너무 짜증나서 검색해서 알아냄 Insert 키 누르세요. 2025. 4. 14.
HTML 기초 1. HTML이 뭐야?HyperText Markup LanguageHypertext란 문서내의 참조를 통해 다른 문서로 쉽게 이동 할 수 있는 텍스트를 말한다.여기서 hyper는 뛰어넘다라는 의미를 가진 단어로 즉 순차적으로 읽히는 일반 텍스트의 성질을 뛰어넘어웹 페이지 내 다른 데이터로 순식간에 여기저기 이동할 수 있는 것을 의미 Markup language는 표시하는 언어라는 뜻으로 태그를 사용해 문서의 구조나 내용을 표시하고 이를통해 컴퓨터와 의사소통하는 언어이다. 다시말해 HTML은 하이퍼텍스트의 특성을 가진 마크업 언어로, 태그를 사용해 웹 문서의 구조를 정의하고 컴퓨터(브라우저)와 소통하는 역할을 한다. 2. 웹 문서 구성요소HTML은 요소(element)들로 이루어져있는데 이 요소들이 모여 .. 2025. 3. 27.
[HTML] !DOCTYPE에 대해서 알아보자! 본 게시물은 https://aboooks.tistory.com/40 님의 블로그를 참조하였습니다 DOCTYPE 독타입 - html문서 작성시 가장먼저 작성하는 태그는 이다, 독타입 선언은 어떤 html태그 보다 먼저 작성되며 모든 웹 문서의 시작을 알려줌 - DOCTYPE 선언이란? Document Type의 약자로 '문서의 유형'이란 뜻 - 이런 문서 유형을 선언하는 것을 DOCTYPE 선언, 선언은 문서가 어떤 버전의 HTML로 작성되었는지를 정의하기 위해 사용한다. - 왜 해야할까? 웹 문서를 브라우저에 의도한대로 온전히 출력하기 위해서임, 자세히 말하면 웹 브라우저 렌더링 엔진에게 어떤 모드로 렌더링할 것인지를 미리 알려주는 것 - 만약 선언 생략한다면? 우리가 보고 있는 브라우저 화면은 작성된 .. 2021. 9. 6.
[HTML] Button / Input tag 차이점! html에서 버튼요소를 만들며 매번 헷갈리던 button,input tag까지 정리해보겠다! 참조: https://nykim.work/96 1. Button tag - 태그는 클릭할 수 있는 버튼을 정의할 때 사용, type을 지정하지 않을 경우 기본 값이 submit으로 된다. - button는 type이 3가지가 있는데 폼(form)을 전송하는 기능을 담당 [default] 폼(form) 입력한 내용을 초기화하는 기능 자바스크립트의 도움을 받아 기능 구현 인터페이스를 조작하는 기능 2. Input tag - 태그는 사용자의 입력을 서버로 '전송'하기 위한 버튼으로 전달하는 값을 받거나 전달할 때 사용, 3. input, button 의 차이점 - input은 셀프 클로징 태그 여서 안에 자식요소를 추.. 2021. 8. 13.