개발 STUDY - 1일1글작성

공부 환경 -혼자 간단하게 웹 페이지를 만들어 보고 싶어서 시작 -퇴근 후 짬짬히 -느리지만 꾸준하게 할 예정 👇 HTML5 이전 포스팅 더보기 2020/06/03 - [Web] - HTML5 를 알아보자. HTML5의 이해 2020/06/04 - [Web] - HTML5 - 구조적 마크업 이해! HTML5의 섹션 요소 2020/06/05 - [Web] - HTML5 - 구조적 마크업 이해! HTML5의 그룹 컨텐츠 요소 2020/06/06 - [Web] - HTML5 - 구조적 마크업 이해! HTML5의 기타 그룹 컨텐츠 요소와 전역 속성 2020/06/07 - [Web] - HTML5 - HTML5의 텍스트 관련 요소 2020/06/08 - [Web] - HTML5 - Table 구조화 2020/06..

공부 환경 -혼자 간단하게 웹 페이지를 만들어 보고 싶어서 시작 -퇴근 후 짬짬히 -느리지만 꾸준하게 할 예정 👇 HTML5 이전 포스팅 더보기 2020/06/03 - [Web] - HTML5 를 알아보자. HTML5의 이해 2020/06/04 - [Web] - HTML5 - 구조적 마크업 이해! HTML5의 섹션 요소 2020/06/05 - [Web] - HTML5 - 구조적 마크업 이해! HTML5의 그룹 컨텐츠 요소 2020/06/06 - [Web] - HTML5 - 구조적 마크업 이해! HTML5의 기타 그룹 컨텐츠 요소와 전역 속성 2020/06/07 - [Web] - HTML5 - HTML5의 텍스트 관련 요소 2020/06/08 - [Web] - HTML5 - Table 구조화 2020/06..

공부 환경 -혼자 간단하게 웹 페이지를 만들어 보고 싶어서 시작 -퇴근 후 짬짬히 -느리지만 꾸준하게 할 예정 👇 HTML5 이전 포스팅 더보기 2020/06/03 - [Web] - HTML5 를 알아보자. HTML5의 이해 2020/06/04 - [Web] - HTML5 - 구조적 마크업 이해! HTML5의 섹션 요소 2020/06/05 - [Web] - HTML5 - 구조적 마크업 이해! HTML5의 그룹 컨텐츠 요소 2020/06/06 - [Web] - HTML5 - 구조적 마크업 이해! HTML5의 기타 그룹 컨텐츠 요소와 전역 속성 2020/06/07 - [Web] - HTML5 - HTML5의 텍스트 관련 요소 2020/06/08 - [Web] - HTML5 - Table 구조화 👆 HTML5..

공부 환경 -혼자 간단하게 웹 페이지를 만들어 보고 싶어서 시작 -퇴근 후 짬짬히 -느리지만 꾸준하게 할 예정 👇 HTML5 이전 포스팅 더보기 2020/06/03 - [Web] - HTML5 를 알아보자. HTML5의 이해 2020/06/04 - [Web] - HTML5 - 구조적 마크업 이해! HTML5의 섹션 요소 2020/06/05 - [Web] - HTML5 - 구조적 마크업 이해! HTML5의 그룹 컨텐츠 요소 2020/06/06 - [Web] - HTML5 - 구조적 마크업 이해! HTML5의 기타 그룹 컨텐츠 요소와 전역 속성 2020/06/07 - [Web] - HTML5 - HTML5의 텍스트 관련 요소 👆 Table (표) 만들기 자료나 정보를 일목요연하게 보여주기 위함 Table을 ..

공부 환경 -혼자 간단하게 웹 페이지를 만들어 보고 싶어서 시작 -퇴근 후 짬짬히 -느리지만 꾸준하게 할 예정 웹 초창기 하나의 HTML 파일에 웹 페이지의 모든 것이 정의되었던 혼돈의 시기를 지나 😓.. 결국에는 컨텐츠의 구조와 표현을 구분하게 되었다. 2020/06/04 - [Web] - HTML5 - 구조적 마크업 이해! HTML5의 섹션 요소 2020/06/05 - [Web] - HTML5 - 구조적 마크업 이해! HTML5의 그룹 컨텐츠 요소 2020/06/06 - [Web] - HTML5 - 구조적 마크업 이해! HTML5의 기타 그룹 컨텐츠 요소와 전역 속성 이어서 텍스트 관련 요소를 알아보자! 텍스트 관련 요소 -텍스트의 구조를 나타내는 레벨 요소 HTML5에서는 기존 버전의 표현적 마크업..

공부 환경 -혼자 간단하게 웹 페이지를 만들어 보고 싶어서 시작 -퇴근 후 짬짬히 -느리지만 꾸준하게 할 예정 웹 초창기 하나의 HTML 파일에 웹 페이지의 모든 것이 정의되었던 혼돈의 시기를 지나 😓.. 결국에는 컨텐츠의 구조와 표현을 구분하게 되었다. 2020/06/04 - [Web] - HTML5 - 구조적 마크업 이해! HTML5의 섹션 요소 2020/06/05 - [Web] - HTML5 - 구조적 마크업 이해! HTML5의 그룹 컨텐츠 요소 이어서 HTML5의 구조를 정의하는 구조적 요소에 대해 알아보자 HTML5의 기타 그룹 컨텐츠 요소 이전 포스팅 HTML5 그룹 컨텐츠 요소에 이어 기타 그룹핑 요소를 알아보자면 , 사진, 일러스트, 비디오 등을 표시하고 주석 다는 용도 참고 요소여서 요소..

공부 환경 -혼자 간단하게 웹 페이지를 만들어 보고 싶어서 시작 -퇴근 후 짬짬히 -느리지만 꾸준하게 할 예정 웹 초창기 하나의 HTML 파일에 웹 페이지의 모든 것이 정의되었던 혼돈의 시기를 지나 😓.. 결국에는 컨텐츠의 구조와 표현을 구분하게 되었다. 2020/06/04 - [Web] - HTML5 - 구조적 마크업 이해! HTML5의 섹션 요소 이어서 HTML5의 구조를 정의하는 구조적 요소에 대해 알아보자 HTML5의 그룹 컨텐츠 요소 -그룹으로 내용 분리 컨텐츠 문단 의미 기존에 하나만 사용하여 문단 분리로 많이 사용되었으나 문단과 시작 끝에 P요소를 정확히 작성하자! -> 컨텐츠 문단을 의미하는 요소기 때문에 단순하게 행 한 줄 추가(표현적 마크업 형태로)를 표현하기 위해 쓰면 좋지 않겠죠?!..

공부 환경 -혼자 간단하게 웹 페이지를 만들어 보고 싶어서 시작 -퇴근 후 짬짬히 -느리지만 꾸준하게 할 예정 HTML 은 마크업 언어 구조적 마크업 문서 구조 정의 컨텐츠의 의미, 역할 정의 컨텐츠 종속 관계 생성 표현적 마크업 문서 레이아웃, 외형 정의 컨텐츠 디자인 웹 초창기 하나의 HTML 파일에 웹 페이지의 모든 것이 정의됨. 😓.. 웹 접근성 저해와 높은 유지보수 비용을 발생시킴. -> 컨텐츠의 구조와 표현 정의를 구분하여 용도에 맞게 사용해야 함! HTML : 문서 구조만 정의 CSS : 문서 레이아웃과 디자인 정의 HTML5 요소 블록 레벨 요소 : 줄 바꿈 일어나는 단락 ex) 제목, 문단, 인용문 블록 레벨 요소는 요소 내 블록 레벨 요소 또는 인라인 레벨 요소 포함 가능 인라인 레벨 ..