전체 글 21

HTML- 순서형 비순서형 요소

우리가 글을 쓸 때 어떤 순서에 따라 내용을 나열해야 할 때 1. 2. 3. 이런 식의 방식을 사용한다.HTML은 ordered list라는 태그를 사용하며 순서형 요소라고 부른다. 그 외에도 - * • 이런 다양한 기호들을 사용해서 중요한 내용을 나열하기도 한다.HTML은 unordered list이라는 태그를 사용하며 비순서형 요소라고 부른다.  두 태그 모두 어떤 내용을 나열하기 위해 사용하며 내부 요소로 라는 태그를 갖는다. list item이라는 의미를 갖는 자식 요소 는 부모 요소에 따라 다르게 나타난다. 순서형 HTML CSS JavaScript 비순서형 HTML CSS JavaScript  순서형 요소는 자식요소를..

Coding/HTML & CSS 2025.02.19

HTML - anchor 요소

HTML의 요소는 현재의 페이지에서 다른 페이지로 이동하기 위해 사용하는 요소이다. 우리가 흔히 말하는 링크를 만들 수 있는 대표적인 요소다.  인라인 요소로 작용하는 태그는 href 속성과 같이 써야 온전하게 쓸 수 있다.href는 링크를 클릭했을때 보내고 싶은 엔드 포인트를 작성해줘야 한다. 태그 사이에는 엔드포인트를 명시적으로 작성해야한다.W3Schools HTML Tutorial페이지 상단으로 이동cdh0283@gmail.com 메일보내기전화걸기 기본적으로 웹사이트 URL을 작성하면 그 주소로 이동한다. #을 작성하거나 #top를 작성하면 현재페이지의 최상단으로 이동하게 된다.mailto:(메일주소)를 작성하면 outlook이나 메일을 보낼 수 있는 어플리케이션이 동작된다.tel:(전화번호)를..

Coding/HTML & CSS 2025.02.18

HTML - 이미지와 피겨 요소

HTML에서 는 이미지를 넣기 위한 태그이다. 가장 많이 쓰는 요소 중에 하나이며 인라인 블록 레벨을 갖는다. 기본적으로 이렇게 사용한다. 이미지 태그를 사용할 때 반드시 포함되어야 하는 속성이 src와 alt이다.src는 보여지는 이미지의 경로를 의미한다. 외부의 이미지 주소를 넣을 수도 있고 혹은 컴퓨터에 저장된 이미지 경로를 넣을 수도 있다.alt는 이미지를 대체하는 텍스트이다. 만일 이미지가 보이지 않는 상황에서 alt에 작성한 텍스트가 보일 수도 있다. 하지만 유의할 점이 있는데 alt는 단순하게 작성해서는 안된다.  무슨 말이냐면 이런 이미지를 넣고 alt를 작성한다고 가정해 보자 단순하게 생각하면 '케이크 사진', '여러 가지 케이크', '케이크 소개' 이런 문구를 생각할 수 있을 것이다. ..

Coding/HTML & CSS 2025.02.18