반응형 Frontend/HTML4 [HTML] HTML 규칙 HTML 코딩 컨벤션, 네이밍 컨벤션, 그리고 규칙을 정리한 가이드를 제공하겠습니다. 이 가이드는 코드의 가독성을 높이고 유지보수성을 향상시키는 데 중점을 둡니다.HTML 코딩 컨벤션1. 문서 구조HTML 문서는 항상 다음과 같은 기본 구조를 따라야 합니다: 2. 들여쓰기 및 공백들여쓰기: 일반적으로 2칸이나 4칸의 공백을 사용합니다. 탭보다는 공백을 사용하는 것이 권장됩니다.공백: 요소 간의 공백을 적절히 사용하여 가독성을 높입니다. 9. 접근성 고려alt 속성을 사용하여 이미지에 대체 텍스트를 제공합니다.폼 요소와 연결된 태그를 사용합니다.Email:HTML 네이밍 컨벤션1. 아이디(id)와 클래스(class) 네이밍기본 원칙의미 있는 이름: 요소의 목적과 기능을 설명할 수 있는 .. 2024. 6. 8. [HTML] HTML 심화 HTML 심화 학습은 웹 페이지를 더욱 구조화하고 사용성 및 접근성을 향상시키기 위한 중요한 내용입니다. 여기서는 폼 요소와 입력 타입들, 테이블 구조, 그리고 시맨틱 태그에 대해 자세히 다뤄보겠습니다.1. 폼(Form) 요소와 입력 타입들HTML 폼은 사용자로부터 데이터를 입력받아 서버로 전송하는 역할을 합니다. 다양한 입력 타입과 속성을 활용하여 효율적인 폼을 만들 수 있습니다.기본 폼 예제 Contact Us Name: Email: Phone: Date of Birth: Gender: Male Female .. 2024. 6. 8. [HTML] HTML 예제 CSS를 기본적인 사각형 테두리만 이용하여 간단한 개인 프로필 페이지를 만들어 보겠습니다.예제: 개인 프로필 페이지 (사각형 테두리만 사용) Welcome to My Profile John Doe Hello! I'm John Doe, a web developer with a passion for creating amazing web experiences. Contact Information Email: john.doe@example.com Phone: (123) 456-7890 Website: www.johndoe.com Skills HTML CSS JavaScript .. 2024. 6. 8. [HTML] HTML 기본 HTML을 단계별로 학습하는 것은 매우 좋은 방법입니다. HTML (HyperText Markup Language)은 웹 페이지의 구조를 정의하는 언어로, 웹 개발의 기본이 됩니다. 1단계: HTML 기본 구조 이해하기HTML 문서는 특정한 구조를 가지고 있습니다. 가장 기본적인 HTML 문서의 구조는 다음과 같습니다: Hello, World! This is a paragraph.: 문서가 HTML5를 사용하고 있음을 선언합니다.: HTML 문서의 루트 요소입니다.: 메타데이터, 제목, 스타일, 링크 등을 포함합니다.: 문서의 제목을 정의하며, 브라우저 탭에 표시됩니다.: 실제 콘텐츠가 들어가는 부분입니다.2단계: HTML 요소와 속성HTML 요소는 태그로 구성되며, 속성을 가질 수 있습니다... 2024. 6. 8. 이전 1 다음 반응형