HTML을 전문적으로 사용하는 분들도 있지만 그렇지 않은 사람들에게도 프로그래밍은 거의 모든 직업 분야에서 필수적인 기술이 되었습니다. 다만 필요로하는 난이도나 활용해야 하는 부분에 따라 배우는 것이 달라지게 됩니다.
만약 홈페이지를 운영한다거나 쇼핑몰을 운영하는 경우에도 간단한 HTML 정도는 익혀두는 것이 좋은데요. 내가 직접 수정하는 경우도 있고 또 사이트 디자인 하는 분과의 어느 정도 커뮤니케이션을 위해서도 익혀두는 것이 좋습니다.
코딩하는 법을 배우는 것은 힘든 일일 수 있지만 불가능한 것은 아니다. HTML과 CSS는 웹사이트에 구조와 스타일을 제공합니다. 기본 HTML 태그 및 속성에 대해서 간단하게 알아보도록 하겠습니다.
HTML이란
HTML은 하이퍼텍스트 마크업 언어를 나타냅니다. 웹 페이지의 구조를 만드는 데 사용됩니다. HTML은 웹 페이지의 다른 요소를 정의하는 다양한 태그로 구성됩니다. 몇 가지 기본 HTML 태그에 몇가지 알아보도록 하겠습니다.
기본 태그
- <!DOCTYPE html> - HTML 문서의 첫 번째 줄입니다. 문서에서 사용 중인 HTML 버전을 브라우저에 알려줍니다. 이 경우 HTML5입니다.
- <html> - HTML 문서의 시작과 끝을 정의합니다.
- <head> - head 태그는 웹 페이지 제목, 스타일시트 링크 및 기타 메타데이터를 포함하는 데 사용됩니다.
- <body> - body 태그는 웹 페이지의 내용을 정의하는 데 사용됩니다. 모든 텍스트, 이미지 및 기타 요소는 본문 태그 안에 배치됩니다.
- <h1> - h1 태그는 웹 페이지의 주 제목을 정의하는 데 사용됩니다. HTML에는 6가지 수준의 제목이 있는데, h1이 가장 높고 h6이 가장 낮습니다.
- <p> - p 태그는 텍스트 단락을 정의하는 데 사용됩니다. 특정 태그 내에 없는 텍스트는 자동으로 문단 태그에 배치됩니다.
HTML 속성
이제 몇 가지 기본 HTML 태그에 대해 설명했으므로 속성으로 이동하겠습니다. HTML 특성은 HTML 태그의 동작을 수정하기 위해 추가할 수 있는 추가 정보입니다. 특성은 요소에 대한 추가 정보를 제공하는 데 사용됩니다. 다음은 가장 일반적으로 사용되는 몇 가지 특성입니다
- id - id 특성은 웹 페이지에서 요소를 고유하게 식별하는 데 사용됩니다. 특정 요소에 스타일을 적용하는 데 자주 사용됩니다.
- class - 클래스 속성은 유사한 요소를 그룹화하는 데 사용됩니다. 이는 종종 요소 그룹에 스타일을 적용하는 데 사용됩니다.
- src - src 속성은 이미지 또는 기타 멀티미디어 요소의 소스를 정의하는 데 사용됩니다.
- alt - alt 특성은 이미지에 대한 텍스트 설명을 제공하는 데 사용됩니다. 그것은 시각 장애인들을 위해 스크린 리더에 의해 사용됩니다.
- href - href 속성은 앵커 태그의 링크를 정의하는 데 사용됩니다.
- style - 스타일 특성은 인라인 스타일을 요소에 적용하는 데 사용됩니다. 인라인 스타일은 모든 외부 스타일시트를 재정의합니다.
HTML은 웹 개발의 기반입니다. 웹 페이지의 구조와 내용을 제공합니다. 이 블로그 게시물에서는 몇 가지 기본 HTML 태그 및 속성에 대해 논의했습니다. 이러한 태그 및 속성을 이해하면 간단한 웹 페이지를 만드는 데 도움이 됩니다. 탐색할 수 있는 다른 많은 HTML 태그와 속성이 있지만 이러한 기본 개념을 마스터하면 좋은 시작을 할 수 있습니다. HTML로 계속 연습하고 실험하면 웹 개발자가 될 수 있습니다.
'방구석코딩' 카테고리의 다른 글
| HTML과 CSS 코드 구성 정리방법 (0) | 2023.03.24 |
|---|---|
| CSS 기본 셀렉터와 속성 (0) | 2023.03.19 |
| HTML 소개 및 작동원리, 기본 예시 (0) | 2023.03.14 |
| 챗GPT로 인한 관련 서비스 및 AI의 미래 (0) | 2023.02.28 |
| ChatGPT로 블로그, 유튜브 글쓰기 가능할까 (1) | 2023.02.04 |
댓글