2024/12/30
-
[지식루프의 웹개발공부] CSS에서 id와 class의 차이IT공부 2024. 12. 30. 22:08
CSS에서 id와 class의 차이1. 개념id : 특정 단 하나의 요소에 적용 (고유, 유일).class : 여러 요소에 반복적으로 사용 가능 (재사용성 높음).2. 문법 및 사용 예시(1) HTML 코드 예시div id="header">헤더 영역div>p class="text-large">큰 텍스트p>p class="text-large">다른 큰 텍스트p>(2) CSS 코드 예시 #header { background-color: lightblue; font-size: 24px;} .text-large { font-size: 32px; font-weight: 700;}3. 결과id="header":한 번만 사용 가능한 스타일입니다. 부분만 backgro..
-
[지식루프의 웹개발공부] <link> 태그와 <a> 태그 차이IT공부 2024. 12. 30. 14:56
태그와 태그는 HTML에서 링크와 관련된 태그이지만, 용도와 동작 방식이 다릅니다.1. 태그문서와 외부 리소스를 연결하는 태그입니다.주로 CSS, 아이콘, 폰트 등 외부 파일을 HTML 문서에 불러올 때 사용됩니다.클릭할 수 있는 링크가 아님. 사용자 인터랙션은 없습니다.예시 – CSS 파일 불러오기: link rel="stylesheet" href="style.css">rel="stylesheet": 외부 CSS 파일을 연결href="style.css": CSS 파일의 경로다른 예시 – 파비콘(브라우저 탭 아이콘) 불러오기: link rel="icon" href="favicon.ico" type="image/x-icon">2. 태그 (Anchor 태그)클릭 가능한 하이퍼링크를 생성하는 태그입니다...
-
[지식루프의 웹개발 공부] html 페이지에서 꺾쇠 기호(< >)를 넣는 올바른 방법IT공부 2024. 12. 30. 11:58
#꺾쇠 기호를 넣는 올바른 방법꺾쇠 ()를 글자로 입력하고 싶을 때는 꺾쇠를 그대로 쓰는 게 아니라,<(앰퍼샌드 엘 티 세미콜론) >(앰퍼샌드 지 티 세미콜론) 를 입력해 줘야 합니다. > 는 >(앰퍼샌드 지 티 세미콜론) 로 입력해 줘야 합니다. 여기서 lt라는 건 영어로 "~보다 작다"라는 뜻인 less than의 약자고 gt라는 건 "~보다 크다"라는 뜻인 greater than의 약자입니다.즉,이렇게 출력화면에서 보이고 싶다면, html 에서는 다음과 같이 입력해야 합니다. [코드 복사하여 활용해보세요]DOCTYPE html>html> head> title>Weekly Codeittitle> meta charset="utf-8" /> head> body> p> ..