Markup
1.HTML
HTML(HyperText Markup Language)은 웹 페이지를 작성하는 데 사용되는 표준 마크업 언어입니다. HTML은 웹 페이지의 구조를 정의하고, 텍스트, 이미지, 링크, 비디오 등 다양한 요소를 포함하여 브라우저가 이러한 콘텐츠를 표시하도록 합니다.HTM
2.!DOCTYPE이란 무엇일까?
<!DOCTYPE> 선언은 HTML 문서의 첫 번째 줄에 위치하며, 브라우저에게 문서가 어떤 HTML 버전을 사용하고 있는지 알려주는 역할을 합니다. HTML5에서는 <!DOCTYPE html> 선언을 사용하여 문서가 HTML5 표준을 따르고 있음을 명시합니
3.target 속성
HTML에서 target 속성은 링크를 클릭할 때 링크된 문서가 어디에서 열릴지를 지정합니다. <a> 태그에 사용되는 target 속성의 다양한 값을 통해 링크가 새로운 창, 탭, 프레임 등에서 열리도록 할 수 있습니다.\_self (기본값): 링크된 문서가 현재
4.달력 만들기
이 HTML 코드에서는 8월 달력을 표시하는 표를 만들고, 페이지 배경에 이미지를 설정했습니다. 코드의 각 부분에 대한 자세한 설명은 다음과 같습니다.<!DOCTYPE html>: 문서 유형을 선언하여 HTML5 문서를 나타냅니다.<html lang="en"
5.table 태그
HTML의 <table> 태그는 표를 정의하는 데 사용됩니다. <table> 태그를 통해 데이터가 행과 열로 구성된 표 형태로 구조화됩니다. <table> 태그와 함께 사용되는 주요 태그와 속성들은 다음과 같습니다.<table>: 표의 시작과 끝을
6.tag - ul, ol, list
ul 태그는 순서 없는 목록(순서가 중요하지 않은 항목 목록)을 정의하는 데 사용됩니다. 목록 항목은 li 태그를 사용하여 정의됩니다.ol 태그는 순서 있는 목록(순서가 중요한 항목 목록)을 정의하는 데 사용됩니다. 목록 항목은 li 태그를 사용하여 정의됩니다.li 태
7.전송방식 get/post
HTML 폼에서 데이터를 전송할 때 사용하는 두 가지 주요 방식은 GET과 POST입니다. 이 두 전송 방식은 서로 다르게 동작하며, 각각의 장단점과 용도에 차이가 있습니다.설명: GET 방식은 폼 데이터를 URL의 쿼리 문자열로 전송합니다. 이는 URL의 끝에 ? 기
8.음원차트 만들기
표 스타일링:table, tr, td 요소에 3중 경계선과 너비, 높이, 텍스트 정렬 등을 지정했습니다.border-collapse: collapse;를 사용해 테이블 경계선이 중복되지 않도록 했습니다.목록 스타일링:ol 요소의 왼쪽 패딩을 추가해 목록의 들여쓰기를 설
9.태그(input/type)
text: 단일 텍스트 라인 입력을 위한 필드입니다.radio: 여러 개 중 하나를 선택할 수 있는 라디오 버튼입니다.checkbox: 여러 개 중 다수를 선택할 수 있는 체크박스입니다.range: 슬라이더 바 형태의 범위 입력 필드입니다.file: 파일 업로드를 위한
10.회원가입 창 만들기
안녕하세요! 오늘은 HTML을 사용하여 회원 정보 입력 양식을 만드는 방법에 대해 알아보겠습니다. 아래는 기본적인 회원 정보 입력 양식을 HTML로 작성한 코드입니다. 이 코드를 블로그 포스트로 작성할 때 유용한 내용을 설명해드리겠습니다.회원 가입 양식을 웹 페이지에
11.동물원 동물친구들 웹 페이지 만들기
이번 포스트에서는 HTML과 CSS를 사용하여 동물원 동물친구들 웹 페이지를 만드는 방법을 소개합니다. 이 페이지는 동물원에서 볼 수 있는 다양한 동물 친구들을 카드 형식으로 보여줍니다. 각 카드에는 동물의 사진, 이름, 분류 정보, 공원 내 위치, 그리고 자세히 보기