본문 바로가기

분류 전체보기83

HTML <strong> 텍스트를 굵게 만들고 강조하는 태그 STRONG이란? 태그는 텍스트를 강조하는 태그입니다. 우리가 흔히 알고 있는 굵게, bold체로 만들어 버리죠. 사용법 할인 50%! 한정판매 굵게 강조하고자 하는 텍스트를 태그로 감쌉니다 간단하죠? See the Pen Untitled by 40's Programmer (@40sProgrammer) on CodePen. 태그와 태그의 차이점 그런데 텍스트를 굵게 만드는 라는 태그가 존재합니다. 어떤 차이가 있는지 살펴볼께요. 태그는 굵게 만드는 시각적 효과 뿐만 아니라 '이 텍스트는 중요하다'라는 의미도 내포하고 있습니다. 따라서 검색엔진 등이 볼 때는 'strong 태그에는 중요한 텍스트가 있구나' 라고 생각하죠. 반면에 태그는 특별한 의미없이 텍스트를 굵게 만듭니다. 단순하게 보여주는 태그에요. .. 2023. 7. 1.
HTML <div> 태그, 웹 페이지를 구조화하고 스타일을 입히다 DIV태그란? html에서 태그는 정말 많이 쓰이는 중요한 요소입니다. 웹페이지를 구조화하고 레이아웃을 정돈하기도 하고 CSS를 통해 스타일을 입힐 수도 있기 때문입니다. 사용법 인사 안녕하세요! 위의 예시에서 과 만 써도 컨텐츠를 출력하는데는 아무런 문제가 없습니다. 하지만 를 통해서 2개의 구역으로 나누었지요. 이 부분이 바로 웹페이지 구조화입니다. 그럼 스타일을 입히는 예시를 살펴볼께요 예시 코드 See the Pen div by 40's Programmer (@40sProgrammer) on CodePen. 위의 예시는 를 통해 header와 content를 클래스로 나누었어요. header는 메뉴 네비게이션 영역, content는 실제 내용 영역으로 구분된게 보이죠? 각 div에는 다른 이름의 .. 2023. 6. 30.
클래스101로 ChatGPT 공부를 시작합니다 안녕하세요 40대 중년 코린이입니다. 현재 (2023.6) 프리코딩캠프와 코드카데미로 HTML과 CSS를 공부 중에 있는데요. ChatGPT도 함께 학습하기 시작했습니다. ChatGPT는 코딩과는 결이 다른 학습인데, 구글링과 책을 통해서 프롬프트 만드는 범을 익혔어요. 하지만, 무언가 체계적인 학습과정에 대한 갈증이 가시질 않아 클래스101에서 몇 개 강의를 듣고 있습니다. 저는 작년 클래스101 연간구독권 이벤트 때 신청해서 벌써 10개월 가량 이용하고 있는데요. 초반에는 열심히 듣다가 최근에는 들을 만한 강의가 없어서 좀 쉬고 있었어요. 그러다가 최근 ChatGPT 강의가 여러개 올라오는 걸 보고 수강신청을 했습니다. 그런데 리뷰가 상당히 안좋습니다. 아무래도 최근 트랜드를 쫒아서 급하게 만든 컨텐.. 2023. 6. 29.
HTML의 기본 구조를 알아봅시다 HTML 언어의 기본 구조 HTML은 element(요소), content(내용), tag(태그) 세가지로 구성됩니다. 이 중 태그는 opening tag(여는 태그), closing tag(닫는 태그)로 구분되구요. Hello World element : Hello World 전체를 말합니다 content : Hello World를 지칭합니다 opening tag : 를 말합니다 closing tag: 를 말합니다. 태그는 항상 꺽쇠 로 쓰고, 닫는 태그는 꺽쇠 앞에 / (슬래시)를 넣습니다. HTML의 계층 구조 HTML 언어는 계층 구조를 지닙니다. 계층구조는 쉽게 말해 줄기에서 가지가 나오는 걸 말하는데요. 아래 코드를 보면서 설명해볼께요. 제목입니다 컨텐츠입니다y 위의 코드는 아래에 가 있.. 2023. 6. 29.

티스토리툴바