최원종의 개발 블로그

개념 정리- ****: 사용자에게 보이는 콘텐츠 영역.- **주요 태그** - ~: 제목. - : 문단. - : 링크. - : 이미지. - : 블록 나누기. - , , : 목록. - : 버튼. - ****: 표 형식 데이터 표시. - ****: 사용자 입력 수집. - ****: 입력 필드 생성. 실습 코드 큰 제목 중간 제목 작은 제목 이것은 하니의 문단입니다. 텍스트를 묶어줍니다 여기를 클릭하세요 이 문단은 div 안에 있습니다 레이아웃을 나눌 때 유용합니다 항목1 항목2 항목3 나..

개념 정리- **HTML 속성(Attribute)**: HTML 태그에 추가적인 정보를 제공하는 key-value 쌍 **(예: 속성명="값")**- **역할**: 태그의 동작, 스타일, 데이터 등을 정의하거나 제어- **작성 규칙**: - 속성은 시작 태그 안에 작성 - 속성명은 소문자 권장, 값은 따옴표로 감쌈 ("" 또는 '')- **주요 속성 예시**: - id: 요소의 고유 식별자 - class: 스타일링이나 스크립트를 위한 그룹 식별자 - src: 이미지, 비디오 등의 소스 경로 - alt: 대체 텍스트 (접근성 중요) - href: 링크 URL실습코드 HTML 속성 배우기 이것은 첫번째 문단입니다 이것은 두번째 문단입..

HTML 기본 개념 확인1. HTML 문서의 기본 구조HTML 문서는 크게 , DOCTYPE 선언역할: 브라우저에게 "이 문서는 HTML5로 작성됨"을 알려줌중요 포인트: HTML 문서의 첫 줄에 반드시 작성해야 하며, 대소문자 구분 없이 사용 가능html 태그와 언어 설정역할: HTML 문서의 시작과 끝을 나타내며, 모든 콘텐츠를 감쌈속성 lang="ko": 문서의 주 언어가 한국어(ko) 임을 설정주요 값: ko: 한국어 en: 영어head 태그와 메타데이터와 설정역할: 웹 페이지에 직접 표시되지 않는 정보를 담음 역할: 문서의 추가 정보를 제공주요 속성:charset="utf-8": 문자 인코딩을 UTF-8로 설정(한글 표시 필수).name="description": 페이지 설명(SEO에 사..

HTML 이란HTML, 즉 HyperText Markup Language는 웹페이지를 작성하기 위한 표준 마크업 언어"HyperText"는 페이지 간에 링크를 생성할 수 있음을 의미함"Markup Language"는 텍스트에 태그를 적용하여 그것이 어떤 역할을 하는지 정의할 수 있음을 의미함 CSS란Cascading Style Sheets Language속형 시트 캐스케이딩 - 스타일 시트는 마크업 언어가 실제 표시되는 방법을 기술하는 스타일 언어HTML과 XHTML에 주로 쓰이며, W3C의 표준이며, 레이아웃과 스타일을 정의할 때의 자유도가 높다.기본 파일명은 style.css이다.종속형 - HTML과 함께 쓰이는 언어 Javascript 란자바스크립트(JavaScript)는 웹 페이지에 생동감을 불어..

HTML 특수문자 코드 참고· → · (가운뎃점, GitHub followers · following)• → • (불릿, 좀 더 큰 점)< → (꺾쇠 닫기)& → & (앰퍼샌드)© → © (저작권)  → (줄바꿈 없는 공백)★ → ★ (채워진 별)HTML이란 웹 브라우저(크롬, 사파리, 엣지 등)가 읽고 화면에 보여줄 수 있는 전용 문서 형식 웹 표준이란? (HTML vs HTML5)과거에는 브라우저마다 HTML을 해석하는 방식이 조금씩 달라, 특정 브라우저에서는 웹사이트가 깨져 보였음.이를 해결하기 위해 만들어진 것이 웹 표준(Web St..