printf("%c의 블로그", 'Molkka');

html 13

[html] 텍스트를 한 줄로 묶는 태그들(<strong>, <b>,<em>, <i>,<q> 등)

텍스트를 묶는 , , 태그 등은 묶는 내용 다음에 자동으로 줄바꿈이 들어갑니다. 이번에는 줄바꿈 없이 문장 안 단어에 의미를 주는 태그들에 대해 알아보겠습니다. (1) 굵게 표시하는 , 태그 : 텍스트를 굵게 만들어 볼드처리를 해주는 태그입니다. 여는태그와 닫는태그 사이에 내용을 입력합니다. 태그는 중요한 내용이라 강조할 필요가 있을 때 사용합니다. 태그는 단순히 굵게 표시할 때 사용합니다. 이러한 기능은 css에서도 조절 가능하기 때문에 잘 사용하지 않습니다. 내용을 강조하는 의미가 있는 태그를 적재적소에 사용하면 좋습니다. (2) 이텔릭체로 표시하는 , 태그 : 이텔릭체로 글꼴을 표기해주는 태그입니다. 여는태그와 닫는태그 안에 내용을 입력합니다. (1)번과 마찬가지로 은 중요한 내용을 강조하는 의미로..

display: flex; 선언한 부모의 자식 중, 마지막 자식 오른쪽에 붙이려면?

빠른답변>> 더보기 더보기 margin-left: auto;를 마지막 자식박스에 적으면 된다. 웹페이지 스크롤을 맨 밑으로 내리면 보통 '페이지 로고', '주소 및 연락처', '저작권 표기' 등이 자리하고 있습니다. 대한민국 청와대 홈페이지는 왼쪽에는 로고와 각종 SNS연결 아이콘이, 가운데에는 연락처 정보가, 오른쪽에는 하단메뉴와 기타설명, 각종 인증 마크들이 있습니다. 저작권 표시는 그 밑에 해두었네요. 웹 편집기(여기서는 HTML5를 사용했습니다.)로 이를 구현해본다면, 각각의 내용을 크게 네가지 div 박스에 담아 위치를 조절할텐데요. 맨 밑의 저작권 표시는 냅두고, 위에 3개 박스의 display 설정을 flex로 선언해 가로로 정렬할 수 있겠습니다. 연습을 위해 html문서의 부분을 작성하면 ..

지식조각 2021.11.16

[html] HTML 기본 문서 구조 알아보기

태그를 사용할 때는 소문자로 쓰기 적당히 들여쓰기 닫는 태그 확인하기 HTML 문서 내용은 태그를 사용하여 작성됩니다. 작성하려는 내용의 속성에 따라 알맞은 태그를 사용합니다. '태그를 사용할 때는'에서 이 태그에 해당합니다. 여는 태그와 닫는 태그가 있으며 태그처럼 닫는 태그가 없는 태그도 있습니다. 태그는 소문자로 작성되며 태그마다 가질 수 있는 속성들이 있습니다. 태그의 'src'가 그 예시입니다. HTML 문서의 기본 구조는 아래와 같습니다. - 작성하는 문서가 HTML5로 작성된 웹 문서라는 뜻입니다. 웹 브라우저에게 처리할 문서가 어떤 유형인지 알려주는 역할을 하죠. doctype은 대문자로 써도 무방합니다. - 웹 문서의 시작과 끝을 나타내는 태그입니다. 웹 브라우저가 웹 문서를 읽을 때 H..