HTML35 웹페이지의 메타데이터와 스타일을 정의하는 HTML <head> 태그 HEAD 태그란? 2023. 6. 1. HTML의 시작 태그, 코딩의 스타트 <html> 태그의 역할과 사용법 HTML 태그란? HTML 문서의 시작과 끝을 나타내는 태그가 바로 입니다. 웹페이지 전체를 감싸는 태그죠. HTML 태그의 특징 태그는 다음과 같은 특징을 가지고 있습니다. 태그는 모든 HTML 요소들을 감싸는 최상위 태그입니다 태그는 문서의 시작을 나타내며, 태그로 시작하여 태그로 끝납니다 태그 안에는 제일 앞의 DOCTYPE을 제외하면 태그가 문서의 시작을 알립니다. 그리고 와 태그가 태그안에서 쌍두마차처럼 존재합니다. 도식화가 잘되어 있는 그림이 있어서 가지고 와봤어요. (출처 : TCP School, https://tcpschool.com/html/html_intro_basicStructure) html 태그의 속성 lang, dir, manifest가 있지만, lang만 알아도 될 것 같아요... 2023. 5. 31. 웹 페이지 구성을 위한 HTML <section> 태그 SECTION 태그란? HTML에서 section 태그는 웹 페이지의 구획을 나누는 데 사용됩니다. 이렇게만 얘기하면 무슨 소리지? 라고 생각될텐데요. 저도 이런 태그는 있으나 없으나 똑같은 것 아닌가? 라고 생각했습니다. 그런데, 검색엔진은 이런 구획 나누는 태그를 좋아한다고 하네요. 시맨틱 구조이기 때문이죠. 안에 가 들어가고, 안에 이 들어가겠죠? 은 안에 들어가는 태그입니다. 사용법 컨텐츠가 A 내용, B 내용으로 구분된다면 각각 태그로 그룹핑합니다 예시 소개 회사 소개 내용... 서비스 서비스 1 서비스 2 서비스 3 위의 코드에서는 첫 번째 section 태그에는 "소개"라는 제목과 회사 소개 내용이 포함되어 있습니다. 두 번째 section 태그에는 "서비스"라는 제목과 목록 형태로 서비스 .. 2023. 5. 31. HTML 리스트 생성 <ol> 태그 - 순서가 존재하는 목록 생성 OL 태그란? OL (Ordered List) 태그는 정렬된 목록을 생성하는 도구입니다. 태그가 마커로 정렬하는 것과 달리 은 순서대로 정렬하는 태그입니다. 기본값은 숫자이지만 알파벳을 이용할 수도 있지요. 태그 역시 li (List) 태그와 항상 함께 다닙니다. 사용법 List 1 List 2 List 3 태그를 엽니다. 앞으로 순서가 존재하는 리스트를 만들거라고 선언한거죠 다음 줄에 들여쓰기를 한 뒤 태그를 만듭니다. 원하는 만큼 만들면 됩니다. 태그 사이에 원하는 목록을 추가합니다. 태그를 써서 닫습니다. 예시 See the Pen OL by 40's Programmer (@40sProgrammer) on CodePen. UL 태그의 속성 ol 태그에서 자주 사용하는 2가지 속성 type, star.. 2023. 5. 30. 이전 1 ··· 4 5 6 7 8 9 다음
