컨텐츠로 건너뛰기

Card News Note

  • HOME
  • 코딩이란?
  • 프로그래밍 언어
    • JAVA
    • HTML
    • JavaScript
    • jQuery
  • 함수 레퍼런스
  • 개발자 이야기
  • 문의하기
    • 사이트 소개
    • 개인정보처리방침
    • 면책조항
    • 이용약관

HTML

웹 페이지의 뼈대를 만드는 HTML 기초 강좌입니다.

HTML이란 무엇인가 — 마크업 언어의 뜻과 브라우저가 화면을 그리는 순서

8월 12, 2026 작성자: thorns

HTML은 계산하는 프로그래밍 언어가 아니라 내용에 의미를 표시하는 마크업 언어입니다. 브라우저가 파일을 받아 화면을 그리기까지의 다섯 단계와 CSS·자바스크립트의 역할 분담을 정리합니다.

카테고리 HTML

HTML 문서 구조 — 골격 한 줄씩 뜯어보고 시맨틱 태그로 뼈대 세우기

8월 12, 2026 작성자: thorns

DOCTYPE부터 head와 body까지 문서 골격을 한 줄씩 해부하고 태그·요소·속성 용어를 구분합니다. 블록과 인라인의 차이, header와 main 같은 시맨틱 태그로 뼈대를 세우는 법도 다룹니다.

카테고리 HTML

HTML 텍스트 태그 — 잘못 쓴 마크업과 제대로 쓴 마크업을 나란히 비교하기

8월 12, 2026 작성자: thorns

입문자가 흔히 쓰는 잘못된 코드와 올바른 코드를 나란히 놓고 차이를 짚습니다. 제목 h1~h6의 계층 규칙, p와 br의 구분, 강조와 인용 태그, 목록 세 가지와 중첩 방법을 익힙니다.

카테고리 HTML

HTML 링크와 이미지 — 강좌 소개 페이지를 조각씩 쌓으며 익히는 a와 img

8월 12, 2026 작성자: thorns

빈 파일에서 시작해 강좌 소개 페이지 한 장을 다섯 단계로 쌓아 올립니다. a 태그와 경로 구분, 앵커 이동, img의 alt와 반응형 처리, figure와 오디오·비디오까지 순서대로 다룹니다.

카테고리 HTML

HTML 표와 폼 — 수강 신청 페이지를 뜯어보며 익히는 table과 form

8월 12, 2026 작성자: thorns

수강 신청 페이지 코드를 조각별로 보여 주고 필요한 부분만 확대해 설명합니다. table의 뼈대와 colspan, form의 action과 method, label 연결과 input type, 검증 속성을 정리합니다.

카테고리 HTML

Recent Posts

  • 자바스크립트 문자열 함수 총정리 — 찾고, 자르고, 바꾸는 메서드 사전
  • 자바스크립트 배열 함수 총정리 — 원본을 바꾸는 메서드와 새 배열을 주는 메서드
  • 자바스크립트 Math 함수 총정리 — 반올림부터 랜덤, 숫자 변환까지
  • 자바 String 메서드 총정리 — 바뀌지 않는 문자열을 다루는 사전
  • 자바 Math 클래스 총정리 — 계산 메서드와 정수 나눗셈의 함정
Card News Note
운영자 소개 문의 개인정보처리방침 이용약관 면책조항

상호 : Card News Note|대표 : 김병진|이메일 : [email protected]

© 2026 Card News Note. All rights reserved.

© 2026 Card News Note • 제작됨 GeneratePress