목록웹개발/HTML (5)
DevBlackCat
HTML 하루 15분, 일주일만에 완성하기 공동시리즈이름: "HTML 하루 15분, 일주일만에 완성하기" 1. HTML 하루 15분, 일주일만에 완성하기 - HTML 소개 및 개발 환경 설정 2. HTML 하루 15분, 일주일만에 완성하기 - 기본 문서 구조 작성 3. HTML 하루 15분, 일주일만에 완성하기 - 텍스트 요소와 포매팅 4. HTML 하루 15분, 일주일만에 완성하기 - 리스트와 순서 구분 5. HTML 하루 15분, 일주일만에 완성하기 - 이미지와 링크 6. HTML 하루 15분, 일주일만에 완성하기 - 테이블 생성 및 조작 7. HTML 하루 15분, 일주일만에 완성하기 - 폼 요소와 사용자 입력 처리 8. HTML 하루 15분, 일주일만에 완성하기 - 시멘틱 태그와 웹 접근성 9. ..
HTML 하루 15분, 일주일만에 완성하기 - 4.리스트와 순서 구분 안녕하세요, 여러분! 오늘 우리는 'HTML 하루 15분, 일주일만에 완성하기'의 네 번째 시간에 돌입해서 리스트와 순서 구분을 실습해보도록 하겠습니다. 리스트는 웹페이지에서 아이템을 나열하는데 쓰입니다. 리 구분할 수도 있고, 숫자를 이용해 순서를 표시할 수도 있습니다. 그렇다면 시작하겠습니다. 1.리스트의 두 가지 유형 리스트에는 순서가 있는 목록(ordered list)과 순서가 없는 목록(unordered list)이 있습니다. 순서가 있는 목록: 숫자로 순서가 표시된 목록으로, 태그로 생성합니다. ㄴ순서가 없는 목록: 불릿으로 순서가 표시된 목록으로, 태그로 생성합니다. 2.순서가 없는 목록(Unordered list) 생성하..
안녕하세요, 오늘은 "HTML 하루 15분, 일주일만에 완성하기" 시리즈의 세 번째 주제인 텍스트 요소와 포매팅에 대해 알아보겠습니다. 지난 주제에서는 기본 문서 구조 작성에 대해 배웠으니, 이번에는 그 구조에 내용을 채워넣는 방법을 배워볼까요? 텍스트 요소는 웹 페이지에서 가장 기본적인 구성 요소로, 웹 페이지의 내용을 구성합니다. 이를 마치 집에 가구를 배치하는 과정에 비유할 수 있습니다. 포매팅은 텍스트의 모양과 설정을 변경하는 것으로, 이를 다양한 글꼴, 크기, 색상 등으로 전환시킬 수 있습니다. 주로 웹에서 사용되는 텍스트 요소와 포매팅을 살펴봅시다. 1. 제목 태그 (h1 ~ h6) 웹 페이지의 제목을 나타내며, 크기에 따라 h1부터 h6까지 사용할 수 있습니다. 이를 마치 집의 각 방에 표시..
안녕하세요, 오늘은 "HTML 하루 15분, 일주일만에 완성하기" 시리즈의 두 번째 주제인 기본 문서 구조 작성에 대해 알아보겠습니다. 지난번 주제에서는 HTML 소개 및 개발 환경 설정에 대해 배웠습니다. HTML 기본 문서 구조란 웹 페이지를 구성하는 기본적인 뼈대를 의미합니다. 이를 마치 집을 짓는 과정에 비유하자면, 기본 문서 구조는 집의 기둥과 지붕, 벽 같은 핵심 요소입니다. 이제부터 기본 문서 구조에 필요한 내용을 간단한 예시로 보여드리며 설명하겠습니다. 우선, 모든 HTML 문서는 선언으로 시작합니다. 이 선언은 현재 문서가 HTML5 문서임을 브라우저에 알려주는 역할을 합니다. 안녕하세요! 기본 문서 구조입니다. 이 문서는 기본 문서 구조를 실습하는 예시입니다. 위 코드를 살펴보면, ht..
안녕하세요! 오늘은 HTML의 기본 개념과 개발 환경 설정에 대해 배워볼까요? HTML은 웹 페이지를 만들기 위한 표준 언어입니다. 이를 이용하면 웹 페이지에 텍스트, 이미지, 링크 등의 콘텐츠를 표현할 수 있습니다. 비유하자면, HTML은 건물의 철골 골조와 같은 역할을 합니다. 먼저, HTML을 작성하기 위해서는 텍스트 편집기를 준비해야 합니다. 여러분은 메모장 등 기본 텍스트 편집기를 사용할 수도 있지만, HTML을 작성할 때 더 편리하게 작업할 수 있는 전용 편집기를 추천합니다. Visual Studio Code, Sublime Text, Atom 같은 무료 편집기가 있으니 자신에게 맞는 것을 선택해주세요. 편집기를 설치한 다음, 확장자가 .html인 파일을 생성해주세요. 예를 들어, "index..