코딩/HTML+CSS7 [CSS] gap CSS의 gap 속성: Flexbox 또는 CSS Grid 등의 레이아웃 모델에서 요소 사이의 간격을 정의하는 데 사용됩니다. 기본적으로 gap 속성은 요소 간의 공간을 지정합니다. .container { display: flex; /* 또는 display: grid; */ gap: 20px; /* 요소 사이의 간격을 20px로 지정 */ } 위의 코드에서 display: flex 또는 display: grid를 사용하여 레이아웃 모델을 정의하고, gap 속성을 사용하여 요소 간의 간격을 지정합니다. 이 때, gap 속성은 row-gap과 column-gap으로도 구체적으로 지정할 수 있습니다. gap 속성은 Flexbox 또는 CSS Grid 등 레이아웃 모델에서 요소를 배치할 때, 일관된 간격을 적용.. 2023. 8. 8. [CSS] padding padding은 내용과 테두리 사이의 간격을 늘리거나 줄이는 데 사용됩니다. 각 측면마다 다른 padding 값을 지정하려면 padding-top, padding-right, padding-bottom, padding-left를 사용합니다. 특정 값을 가진 측면만을 표시하려면 다음과 같이 표시할 수 있습니다. padding: top-value right-value bottom-value left-value; 예를 들어, padding: 10px 5px 15px 20px;는 위, 오른쪽, 아래, 왼쪽의 순서로 사용됩니다. 따라서 상단에는 10px, 오른쪽에는 5px, 하단에는 15px, 왼쪽에는 20px의 공백이 추가됩니다. padding: 10px 0px; padding-top과 padding-botto.. 2023. 8. 8. HTML 태그 종류 DOM(Document Object Model)JavaScript를 사용하여 DOM에 액세스하여 웹 페이지를 동적으로 조작할 수 있습니다. 예를 들어, 사용자가 버튼을 클릭하면 JavaScript를 사용하여 DOM을 변경하여 새로운 콘텐츠를 추가하거나 기존 콘텐츠를 업데이트할 수 있습니다. 웹 페이지의 HTML, XML 또는 다른 문서를 나타내는 방법입니다. DOM은 웹 페이지를 나타내는 계층 구조로, 각 HTML 요소는 DOM 객체로 표현되며, DOM을 사용하여 요소의 구조, 콘텐츠, 스타일, 속성 등을 변경할 수 있습니다. 태그 HTML 문서에서 특정 영역이나 구획을 정의함. 태그 이미지를 넣을 수 있도록 태그 사용자로부터 입력을 받을 수 있는 입력 필드를 정의함. 태그 하이퍼링크를 정의함. 태그 H.. 2023. 3. 31. 웹, URL&URI, HTTP, 웹 1.0, 브라우저 Web: "World Wide Web"의 줄임말로, 인터넷에서 정보를 공유하고 검색할 수 있는 시스템이다.URL/URI URI: 인터넷의 자원을 식별하는 문자열을 의미한다. URL과 URN으로 나뉜다. URL: 인터넷 상에서 특정 자원의 위치 www: 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간 "HTTPS": "HTTP Secure"의 약자로, HTTP 프로토콜의 보안 버전입니다. HTTPS는 데이터 전송 중에 암호화를 사용하여 데이터의 안전성을 보장합니다. HTTPS는 보안이 필요한 정보(예: 로그인 정보, 결제 정보)를 처리하는 웹 페이지에서 많이 사용됩니다. HTTP: "Hypertext Transfer Protocol"의 약자로, 인터넷에서 웹 페이지를 .. 2023. 3. 31. HTML-3 : 표 전체를 담는 컨테이너 : 표제목 : 헤딩 셀 그룹 : 바닥 셀 그룹 : 데이터 셀 그룹 : 행. 여러 , 포함 : 열 제목(헤딩) 셀 : 데이터 셀 border="1"는 1픽셀의 테두리 1학기 성적 이름HTMLcss 합225230 황기태8070 이재문9599 이병은4061 태그의 href 속성을 이용해 하이퍼링크 작성 하이퍼링크: 다른 html 페이지의 연결고리 하이퍼링크는 텍스트나 이미지로 작성 - 하이퍼링크를 따라 다른 웹 페이지를 방문하는 것 href: 이동할 html 페이지의 url / html 페이지 내 앵커 이름 - 같은 웹 사이트에 있는 웹 페이지 연결 - 다른 웹 사이트의 웹 페이지 연결 - 이미지 하이퍼링크 만들기 target: 링크에 연결된 html 페이지가 출력될 윈도우 이름 .. 2022. 9. 28. HTML-2 텍스트 꾸미기 진하게 중요한 강조 이탤릭으로 강조 진하게 이탤릭으로 강조 보통문자한 단계 작은 문자 삭제 추가 보통 문자의 윗첨자 보통 문자의 아랫첨자 하이라이팅 태그: 블록 태그와 인라인 태그가 있음 블록태그: 항상 새 라인에서 시작하여 출력 양 옆에 다른 콘텐트를 배치하지 않고 한 라인 독점 사용 인라인 태그: 블록 속에 삽입되어 블록의 일부로 출력 내가 사람의 방언과 천사의 말을 할지라도 사랑이 없으면 소리 나는 구리와 울리는 꽹가리가 되고, 사랑이 없으면 아무 것도 아니라. html 페이지에 대한 메타 데이터를 담기 위한 태그들 메타 태그들은 는 내에서도 작성 가능 태그 - 웹 페이지들의 기본 url과 페이지가 출력될 윈도우 지정 수학 과학 태그와 xorm - 태그는 외부 자원과 연결에 사용 ex.. 2022. 9. 28. 이전 1 2 다음
