전체 글 4

4편 | HTML 텍스트 꾸미기 태그 배우기

HTML 텍스트 모양 태그 배우기웹페이지에서는 단순한 글보다 강조, 목록, 인용 등을 통해 내용을 더 보기 좋게 만들 수 있습니다.이번 글에서는 글의 모양과 강조를 조절하는 HTML 태그를 배워보겠습니다.굵은 글씨: / : 글씨를 굵게 표시: 의미상 강조, SEO 관점에서 중요이 글씨는 굵게 표시됩니다.이 글씨는 강조됩니다.결과:이 글씨는 굵게 표시됩니다.이 글씨는 강조됩니다.주의:는 단순 시각적 굵기은 의미 강조, 검색엔진에서 중요하게 인식기울임 글씨: / : 글씨를 기울임: 의미상 강조, 기울임이 글씨는 기울임입니다.이 글씨는 강조 기울임입니다.결과:이 글씨는 기울임입니다.이 글씨는 강조 기울임입니다.주의:는 단순 시각적 기울임은 의미 강조, 검색엔진에서 중요하게 인식취소선: / : 취소선: 삭..

3편 | HTML 기본 태그 배우기: 제목, 문단, 줄바꿈 태그

HTML 기본 태그란?HTML은 태그(tag)를 이용해 웹페이지의 내용을 구조화합니다.태그는 기호로 감싸져 있으며, 대부분 시작 태그와 종료 태그가 짝을 이룹니다.이번 글에서는 가장 기본적인 태그인 제목, 문단, 줄바꿈 태그를 다룹니다.이 세 가지는 웹페이지의 글 구조를 만드는 데 꼭 필요합니다.제목 태그: ~ 웹페이지의 제목을 표시할 때 사용하는 태그입니다. 이 가장 크고 중요한 제목이며, 으로 갈수록 작아집니다. 검색엔진은 제목 태그를 중요하게 인식합니다. (SEO 관점에서 중요)가장 큰 제목입니다.두 번째로 큰 제목입니다.세 번째로 큰 제목입니다.결과:가장 큰 제목입니다.두 번째로 큰 제목입니다.세 번째로 큰 제목입니다.주의할 점: 은 한 페이지에서 보통 한 번만 사용합니다. (페이지의..

2편 | HTML 문서 구조 이해하기: 웹페이지의 기본 틀 만들기

HTML 문서 구조란?웹페이지는 모두 일정한 틀을 가지고 만들어집니다.이 틀을 HTML 문서 구조라고 합니다.브라우저가 HTML 문서를 올바르게 해석하고 화면에 표시하려면 반드시 이 구조를 따라야 합니다.기본 구조를 잘 이해하면 HTML을 작성할 때 훨씬 쉽게 페이지를 만들 수 있습니다.처음에는 복잡하게 느껴질 수 있지만 한 번 익히면 어떤 웹사이트를 만들 때든 똑같이 활용됩니다.간단한 예시아래는 가장 기본적인 HTML 문서 구조입니다. 여기에 화면에 보여질 내용이 들어갑니다. 위 코드를 직접 작성해보면 브라우저에서 간단한 웹페이지가 열립니다.중요한 점은 "항상 이 틀을 기본으로 시작한다"는 것입니다.각 태그의 역할과 추가 정보① 이 문서가 HTML5 문법을 사용한다는 것을 선언합니다...

1편 | 웹프로그래밍이란?

웹프로그래밍이란?웹사이트를 만들기 위한 프로그래밍입니다.사용자가 보는 화면(프론트엔드)을 구현합니다.HTML, CSS, JavaScript를 기본 도구로 사용합니다. 기본 기술 3가지① HTML (HyperText Markup Language)웹페이지의 구조를 담당합니다.무엇을 보여줄지 정의합니다. (예: 제목, 문단, 이미지)예시: 제목입니다② CSS (Cascading Style Sheets)디자인을 담당합니다.색상, 크기, 배치 등을 조정합니다.예시: h1 { color: blue; }③ JavaScript동작을 담당합니다.버튼 클릭, 페이지 반응 등 인터랙션을 구현합니다.예시: alert('안녕하세요'); 간단한 예제 안녕하세요 웹프로그래밍을 시작합니다. 클릭 ..