부트스트랩(Bootstrap)
·
Web
부트스트랩(Bootstrap)은 프론트엔드 Component Library라고 하여 웹페이지에 필요한 버튼, 메뉴, 탭, 모달, 카드 등 필수 요소들을 모아놓은 일종의 CSS 파일입니다. 이걸 우리의 HTML 파일에 설치하게 되면 보다 빠른 복붙식 HTML CSS개발이 가능하게 됩니다. 간단 설치방법 https://getbootstrap.com/docs/5.1/getting-started/introduction/#starter-template 방문 후 Starter Template 이라고 써있는 예제 코드를 새로운 HTML 파일에 복붙하시면 됩니다. Hello, world! 약간 안정성있는 설치방법 또는, 위처럼 간편하게 설치하지 않고 안정성있게 설치하려면 https://getbootstrap.com/d..
DOM(Document Object Model)
·
Web
HTML / JAVASCRIPT자바스크립트는 HTML 조작에 특화된 언어입니다. 그런데 HTML과 자바스크립트는 다른 언어입니다. 어떻게 자바스크립트는 HTML 태그들을 알아보고 조작할 수 있는 걸까요?자바스크립트가 HTML 조작을 하기 위해선 HTML을 자바스크립트가 해석할 수 있는 문법으로 변환해놓으면 됩니다.HTML을 자바스크립트가 좋아하는 array 혹은 object 자료형에 담아버리는게 좋지 않을까요?그래서 실제로 브라우저는 HTML 페이지를 열어줄 때 HTML을 자바스크립트로 쉽게 찾고 바꾸기 위해 object와 비슷한 자료형에 담아줍니다.  예로,DOM에 대해 설명해봅시다 브라우저는 이런 HTML을 발견하면 object 자료로 바꿔서 보관해둡니다.구체적으로는 var document = { }..
HTML
·
Web
HTML이란? HTML은 웹페이지를 만들 때 사용하는 "HyperText Markup Language"의 약자입니다. 이는 웹 상에서 콘텐츠를 만들고 구조화하는 데 사용되는 표준 마크업 언어입니다. HTML은 웹 페이지의 구조와 콘텐츠를 정의하는데 사용되며, 텍스트, 이미지, 링크, 표, 목록 등과 같은 다양한 요소를 이용하여 웹 페이지의 내용을 정의하고 표시합니다. HTML은 태그(tag)를 이용하여 요소(element)를 생성하고 구조화합니다. 그리고 각 요소는 특정한 의미를 가지게 됩니다. 예를 들어 태그는 단락을, 태그는 이미지를 삽입하는 데 사용됩니다. 이러한 요소들은 웹 브라우저에서 렌더링되어 사용자는 웹 페이지를 시각적으로 볼 수 있습니다. HTML은 CSS(Cascading Style Sh..
richpotato
'HTML' 태그의 글 목록