본문 바로가기
728x90
반응형

HTML

[지식루프의 웹개발 공부] html 페이지에서 꺾쇠 기호(< >)를 넣는 올바른 방법 #꺾쇠 기호를 넣는 올바른 방법꺾쇠 ()를 글자로 입력하고 싶을 때는 꺾쇠를 그대로 쓰는 게 아니라,&lt;(앰퍼샌드 엘 티 세미콜론) &gt;(앰퍼샌드 지 티 세미콜론) 를 입력해 줘야 합니다.  > 는 &gt;(앰퍼샌드 지 티 세미콜론) 로 입력해 줘야 합니다.  여기서 lt라는 건 영어로 "~보다 작다"라는 뜻인 less than의 약자고 gt라는 건 "~보다 크다"라는 뜻인 greater than의 약자입니다.즉,이렇게 출력화면에서 보이고 싶다면,  html 에서는 다음과 같이 입력해야 합니다.  [코드 복사하여 활용해보세요]DOCTYPE html>html> head>   title>Weekly Codeittitle>   meta charset="utf-8" /> head> body>  p> .. 더보기
[지식루프의 웹개발공부] CSS의 box-sizing CSS에서 box-sizing은 요소의 크기를 계산하는 방식을 정의하는 속성입니다. 이 속성을 통해, 요소의 width와 height가 포함하는 영역이 달라지며, 레이아웃을 더 직관적으로 제어할 수 있습니다. box-sizing에는 주로 두 가지 값이 사용됩니다:1. content-box (기본값)요소의 width와 height가 내용 영역(content area)의 크기를 의미합니다. 즉, padding, border는 이 값에 포함되지 않고, 요소의 최종 크기에 추가됩니다.예를 들어, width: 200px인 요소에 padding: 20px과 border: 10px을 추가하면 최종 요소의 크기는 다음과 같습니다:가로 크기: 200px (content) + 20px (left padding) + 20p.. 더보기
html 폰트 사이즈 (font size) - 1px, 1pt, 1em, 1rem 차이와 중요성 폰트 사이즈를 지정할 때 다양한 단위를 사용할 수 있습니다. 각 단위는 다른 특성과 용도를 가지며, 상황에 따라 적합한 단위를 선택하는 것이 중요합니다.  1px, 1pt, 1em, 1rem의 차이와 각각의 중요성은 다음과 같습니다. 1px (픽셀)정의: 화면에서 가장 작은 단위로, 하나의 픽셀을 의미합니다.특징: 절대 단위이며, 고정된 크기입니다.사용 용도: 픽셀 단위는 특정 크기를 정확하게 지정해야 할 때 유용합니다. 그러나 다양한 화면 해상도와 디바이스 크기에서는 상대적인 크기 조절이 어려울 수 있습니다.1pt (포인트)정의: 인쇄물에서 주로 사용되는 단위로, 1pt는 1/72 인치입니다.특징: 물리적인 인치 단위를 기준으로 하므로, 주로 인쇄 작업에서 사용됩니다.사용 용도: 웹 디자인보다는 인쇄 .. 더보기
728x90
반응형

티스토리툴바