나의 공부 일기

모든 HTML 요소는 속성을 가질 수 있으며, 속성은 요소에 대한 추가 정보를 제공해줍니다. 또 속성은 학상 시작 태그에 지정하며, 일반적으로 name="value"와 같은 이름/값 쌍으로 작성합니다. 수 많은 속성이 있는데 많이 사용되는 속성들만 정리해보겠습니다. HTML속성중에 href 속성이 있습니다. 태그 안에 들어있는 속성이고, 이 a 태그는 하이퍼링크를 정의하는 태그입니다. href속성을 통해 이 링크가 이동하는 페이지의 URL을 지정해줍니다. 다음은 페이지에 이미지를 삽입하는데 사용되는 img 태그에 쓰이는 src속성이 있습니다. src속성으로 표시할 이미지의 경로를 지정해줍니다. alt 속성은 이 이미지가 오류가 날 경우 표시되는 문자를 표시합니다. 추가로 width속성으로 사진의 가로크기..

웹브라우저(Chrome,Edge,Firefox)등등 이들의 목적은 HTML 문서를 읽고 올바르게 표시하는것입니다. 브라우저에서는 HTML태그를 직접 표시하지 않고 이를 사용하여 문서를 표시하는 방법을 결정해주는것입니다. 웹브라우저에서 보여주는 웹페이지를 우리는 HTML을 활용해서 간단하게 만들 수 있습니다. 먼저 HTML구조에 대해 자세하게 정리해보겠습니다. html 태그 안에 head 태그와 body 태그가 들어있으며, 대체적으로 head 에서는 화면에 보여주는 내용이아닌 기능적인 부분을 구현하는 공간이고, body 태그안에서는 실질적으로 보여주는 영역입니다. 비주얼스튜디오 코드의 확장 프로그램인 라이브 서버를 활용하여 바로바로 화면을 확인해가며 작성해보았습니다. 숫자가 낮은 숫자가 가장 글씨체가 가장..

HTML 이란 Hyper Text Markup Language의 약자로 웹 페이지를 만들기 위한 표준 마크업 언어를 말합니다. 웹 페이지의 구조를 설명하며, 일력의 요소로 구성되어있고, 이 요소들은 브라우저에 콘텐츠를 표시하는 방법을 알립니다. HTML요소는 제목, 단락, 링크 등과 같은 콘텐츠 조각에 레이블을 지정하고, 태그들() 로 이루어져있습니다. html문서를 작성할때 비주얼스튜디오코드를 대부분 사용하는데, 비주얼스튜디오코드의 html파일에서 [ ! ] 를 누른 뒤 탭 키를 누르면 DOCTYPE html> Document 이렇게 기본적인 html문서의 형식이 나오게 됩니다. 선언으로 이 문수가 HTML5 문서임을 정의합니다. 는 HTML페이지의 루트 요소 입니다. 내부의 lang="en"은 이 h..